Solucionado
Segue erro ao tentar ver o console.log do get.
useEffect(() => {
axios
.get("http://localhost:8000/api/v1/restaurantes/")
.then((response) => {
console.log(response); // <=======
})
.catch((error) => {
console.log(error);
});
}, []);Resolvido!
em server no arquivo settings.py troquei o endereço para a porta que meu front-end esta rodando:
CORS_ALLOWED_ORIGINS = [
"http://localhost:5173",
]
Salve, Livio!
CORS significa "Compartilhamento de Recursos do Origem Cruzada" e é um mecanismo de segurança que restringe acesso a recursos em uma página web de origens diferentes.
Em outras palavras, ele impede que um site acesse recursos em outro site a menos que o site permita esse acesso.
Por acaso você está usando Vite?
Consegue mudar sua porta local para 3000 ao invés de 5173?
Se eu não me engano, a api só responde pra "http://localhost:3000".
Do contrários, acho que teremos de customizar o backend pra você :)
Tudo bem Vinicios, obrigado pela resposta.
Estou usando o Vite. O que fiz para resolver o problema foi mo di ficar a variavel abaixo, no banckend.
CORS_ALLOWED_ORIGINS = [
"http://localhost:5173",
]Tudo rodando perfeito agora. Obrigado pelo apoio e pela excelente explicação.