Estou tentando consumir uma api usando o axios do react, porém está dando o seguinte erro.
Access to XMLHttpRequest at 'https://punkapi.com/documentation/v2/beers' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Alguém pode me orientar como resolver isso?
hoje, com a Alura e o Google Gemini
Isso é erro de CORS, tem que mandar no cabeçalho da requisição !
axios.defaults.headers.(Aqui o verbo)['Content-Type'] ='application/json;charset=utf-8';
axios.defaults.headers.(Aqui o verbo)['Access-Control-Allow-Origin'] = '*';
Exemplo :
axios.defaults.headers.post['Access-Control-Allow-Origin'] = '*';
Outra coisa que pode estar acontecendo sua requisição está com algum erro ! Exemplo se for um post, você está enviando algum dado errado !