ReactJS Axios CORS pro
24/05/2019
0
Estou criando uma aplicação rest com framework codeigniter e o reactJS
O codeigniter esta em um servidor com ip publico e o reactJS local em meu computador.
Quando tento recuperar uma pagina via axios para retornar dados JSON, bem o metodo get funciona no navegador, mas não funciona no react,
Já testei com outro servidor e funcionou.
O erro que retorna é:
Access to XMLHttpRequest at 'http://DOMINIO/api/Auth/login/' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status.
Ja mudei o php e o .htaccess mas não funcionou, parece mesmo que tem algo haver com a permissão do 'CORS' deste servidor.
Alguém te alguma dica?
O codeigniter esta em um servidor com ip publico e o reactJS local em meu computador.
Quando tento recuperar uma pagina via axios para retornar dados JSON, bem o metodo get funciona no navegador, mas não funciona no react,
Já testei com outro servidor e funcionou.
O erro que retorna é:
Access to XMLHttpRequest at 'http://DOMINIO/api/Auth/login/' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status.
Ja mudei o php e o .htaccess mas não funcionou, parece mesmo que tem algo haver com a permissão do 'CORS' deste servidor.
Alguém te alguma dica?
Italo José
Curtir tópico
+ 0
Responder
Post mais votado
03/09/2019
axios.defaults.baseURL = 'http://Dominio';
axios.defaults.headers.post['Content-Type'] ='application/json;charset=utf-8';
axios.defaults.headers.post['Access-Control-Allow-Origin'] = '*';
axios.get(serviceUrl, onSuccess, onFailure)
.then(resp => {
console.log("Funcionou");
})
.catch(error => {
console.log(error);
})
}
axios.defaults.headers.post['Content-Type'] ='application/json;charset=utf-8';
axios.defaults.headers.post['Access-Control-Allow-Origin'] = '*';
axios.get(serviceUrl, onSuccess, onFailure)
.then(resp => {
console.log("Funcionou");
})
.catch(error => {
console.log(error);
})
}
Stella Oliveira
Responder
Clique aqui para fazer login e interagir na Comunidade :)