Entrar Ainda não tem acesso?
1
resposta

Erro ao acessar o /admin/restaurantes

Referente ao curso React: integrando seu projeto React com APIs

por Gabriel Brito Ribeiro
| 16.2k xp | 1 posts

Quando acesso o endpoint /admin/restaurantes tenho o seguinte erro: 'Uncaught runtime errors: × ERROR Network Error AxiosError: Network Error at XMLHttpRequest.handleError (http://localhost:3001/static/js/bundle.js:15471:14) at Axios.request (http://localhost:3001/static/js/bundle.js:15921:41)'

O table head chega a ser carregado mas os dados dos restaurantes não retornam. Atualizo a página, aparece o erro mencionado acima e então a página exibe o tablehead com 'Nome' e nada mais.

Alguém tem noção do que possa ser?

1 resposta
por Vitória Pacheco
| 41.5k xp | 86 posts

Olá, Gabriel!

Esse erro 'AxiosError: Network Error' geralmente acontece por um dos motivos abaixo: 1. O backend (API) não está rodando Verifica se o servidor da sua API (provavelmente em localhost:3000 ou localhost:8080) está realmente em execução. 2. Problema com CORS Se o frontend está em uma porta diferente do backend (ex: frontend em 3001 e backend em 3000), pode estar dando bloqueio por CORS. Solução: habilita o CORS no backend. 3. Endpoint digitado errado ou inexistente Verifica se /admin/restaurantes existe mesmo no backend e se está correto no seu código de requisição. 4. Erro de rede local ou configuração do Axios Pode ser também que o Axios esteja tentando fazer a requisição para o lugar errado. Checa a baseURL configurada.