[Dúvida] Problema de Comunicação entre Frontend e Backend ao Rodar Servidores em Terminais Separados

Olá, Mateus!

Quando você executa o frontend e o backend em terminais diferentes, é importante garantir que ambos estejam configurados para se comunicar entre si corretamente. Aqui estão algumas dicas que podem ajudar:

1. Verifique as Configurações de Porta: Certifique-se de que o frontend está configurado para se comunicar com a porta correta onde o backend está rodando. Por exemplo, se o backend estiver rodando na porta 3001, o frontend deve estar configurado para enviar requisições para http://localhost:3001.

2. CORS (Cross-Origin Resource Sharing): Se o frontend e o backend estão rodando em portas diferentes, você pode estar enfrentando problemas de CORS. Verifique se o backend está configurado para permitir requisições do frontend. Você pode fazer isso adicionando cabeçalhos CORS adequados no backend.

3. Ambiente de Desenvolvimento: Certifique-se de que as variáveis de ambiente estão configuradas corretamente. Por exemplo, o frontend pode precisar de uma variável de ambiente que aponte para a URL do backend.

4. Logs de Erro: Verifique os logs do console do navegador e do terminal onde o backend está rodando para mensagens de erro que possam indicar o que está dando errado.

5. Configuração de Proxy: Se você estiver usando create-react-app, pode configurar um proxy no package.json do frontend para redirecionar as requisições para o backend. Isso pode simplificar a comunicação entre os dois servidores durante o desenvolvimento.

Aqui está um exemplo de como adicionar um proxy no package.json do frontend:

"proxy": "http://localhost:3001"

Depois de fazer essas verificações e ajustes, tente rodar novamente os servidores em terminais separados.

Bons estudos!

Olá, consegui. obrigado!

Tava faltando rodar o checkout para branch certa.