1
resposta

[Bug] Erro: CORS Missing Allow Origin ao chamar axios.get(

Erro: CORS Missing Allow Origin ao chamar axios.get("http://localhost:8000/api/v1/restaurantes/")

No Curso de React: integrando seu projeto React com APIs. Na Aula 06 Obtendo restaurantes da API.

O navegador apresenta a mensagem: O corpo da resposta não está disponível para scripts (motivo: CORS Missing Allow Origin).

Essa é a resposta recebida: http://localhost:8000/api/v1/restaurantes/ { "count": 10, "next": "http://localhost:8000/api/v1/restaurantes/?page=2", "previous": null, "results": [ { "id": 1, "nome": "Aluroni" }, { "id": 2, "nome": "Hamburgueria Lura" }, { "id": 3, "nome": "Obi-Wan Kenobi Sushi" }, { "id": 4, "nome": "Neo Trinity Vegan Foods" }, { "id": 5, "nome": "Lyllys Cafe" }, { "id": 6, "nome": "Sugiro Sushi" } ] }

Requisição cross-origin bloqueada: A diretiva Same Origin (mesma origem) não permite a leitura do recurso remoto em http://localhost:8000/api/v1/restaurantes/ (motivo: falta cabeçalho 'Access-Control-Allow-Origin' no CORS). Código de status: 200.

1 resposta

Olá Thiago!

Verifique se o seu front está rodando na porta 3000. Também, houve alguma alteração no seu back? Se o problema continuar, por favor, compartilhe seu projeto front comigo.

Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!