3
respostas

[Dúvida] [ERRO] "OPS! Alguma coisa deu errado!"

Boa noite a todos,

Ao acessar o frontend, estou recebendo o erro "OPS! Alguma coisa deu errado!", depois que preencho os dados e clico em cadastrar. Estou usando VM. Estou tentando acessar uma máquina externa que possui o IP 'http://192.168.1.13:3000/', conforme é possível verificar no print.

Segui o passo a passo sugerido em algumas dúvidas semelhantes à minha, porém não obtive sucesso!

Vocês teriam alguma sugestão de como resolver esse problema? Obrigado!

no backend =

para conseguir chegar nessa etapa, tive que alterar o arquivo "index.tsx" no caminho "/curso-react-alurabooks/src", conforme foto anexo, que segui o passo a passo sugerido em outras dúvidas semelhantes à minha.

3 respostas

Olá, Vinicius!

Pelo que você descreveu e pelas imagens que você compartilhou, parece que o problema está relacionado à comunicação entre o frontend e o backend. O erro net::ERR_CONNECTION_REFUSED indica que o frontend não está conseguindo se conectar ao backend.

Aqui estão algumas sugestões para resolver o problema:

  1. Verifique se o backend está rodando corretamente:

    • Certifique-se de que o backend está realmente em execução e disponível no endereço http://localhost:8000. A partir da imagem, parece que o backend está rodando, mas é bom confirmar.
  2. Verifique as configurações de CORS:

    • O problema pode estar relacionado ao CORS (Cross-Origin Resource Sharing). Certifique-se de que o backend está configurado para permitir requisições do frontend. Você pode adicionar os headers de CORS no backend.
  3. Verifique o IP e a porta:

    • Certifique-se de que o IP e a porta que você está usando no frontend para se conectar ao backend estão corretos. No seu caso, parece que o frontend está tentando se conectar ao localhost:8000, mas você mencionou que está acessando o frontend pelo IP 192.168.1.13:3000. Pode ser necessário alterar a URL de conexão no frontend para http://192.168.1.13:8000.
  4. Verifique o arquivo index.tsx:

    • Verifique se no arquivo index.tsx do frontend, a URL do backend está configurada corretamente. Caso contrário, altere para o endereço correto.
  5. Firewall e Configurações de Rede:

    • Certifique-se de que não há nenhum firewall ou configuração de rede que esteja bloqueando a comunicação entre o frontend e o backend.

Aqui está um exemplo de como você pode configurar o CORS no backend usando Node.js e Express:

const express = require('express');
const cors = require('cors');
const app = express();

app.use(cors());

app.listen(8000, () => {
  console.log('API disponível em http://localhost:8000');
});

Espero ter ajudado e bons estudos!

Boa noite Lucas, obrigado pela resposta.

ponto 1: backend está rodando corretamente -> acesso normalmente ele pelo http://192.168.1.13:8000/

ponto 2: Realizei varias pesquisas e testei varias opçoes.. sem sucesso. Insira aqui a descrição dessa imagem para ajudar na acessibilidadeInsira aqui a descrição dessa imagem para ajudar na acessibilidade backend está rodando corretamente...

ponto 3: onde alterar a URL de conexão no frontend para http://192.168.1.13:8000 ??? Acredito que o erro esteja ocorrendo aqui...

ponto 4: segue frontend Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Qual a sua sugestão ?

Boa tarde! Estava enfrentando o mesmo problema, consegui logar com: http://localhost:3000 direto na máquina virtual. Estava tentando com o IP, mas não consegui.