Problema com CORS caso adicione cabeçalho
12/02/2022
0
Pessoal, bom dia... estou com um problema, toda vez que eu coloco um Header na minha chamada eu recebo erro de CORS.
Fiz todo o código normalmente sem Headers, executei e recebi erro de CORS, então naturalmente no meu backend eu adicionei:
Refiz a chamada e TUDO PERFEITO, o Angular pegava a informação.
Então fiz todo o resto, porem como em um momento vou precisar enviar um Token, criei um Header:
Após isso voltou os erros de CORs, agora de outra forma:
Response to preflight request doesn''''t pass access control check: It does not have HTTP ok status.
Já tentei de tudo, se eu tiro o Header funciona, se eu coloco da problema.
Se enviar assim recebo erros:
Se enviar assim, a chamada funciona com perfeição:
Já tentei de tudo, o pior que eu já usava assim, somente agora estou tendo problemas com isso, já tentei muitas coisas, perdi 5 horas literalmente...
Meu front é Angular + Framework Ionic e meu backend é Codeigniter 4 PHP
Alguém sabe o que pode ser ? Vou precisar enviar Token.
Fiz todo o código normalmente sem Headers, executei e recebi erro de CORS, então naturalmente no meu backend eu adicionei:
$response = service(''''response'''');
$response->setHeader(''''Access-Control-Allow-Origin'''', ''''*'''');
$response->setHeader(''''Access-Control-Allow-Methods'''', ''''GET, PUT, POST'''');
$response->setHeader(''''Access-Control-Allow-Headers'''', ''''Content-Type, Origin, Access-Control-Allow-Headers, Authorization, X-Requested-With, Token, Accept'''');Refiz a chamada e TUDO PERFEITO, o Angular pegava a informação.
Então fiz todo o resto, porem como em um momento vou precisar enviar um Token, criei um Header:
const httpOptions = {
headers: new HttpHeaders({
''''Content-Type'''': ''''application/json'''',
''''Token'''': ''''ABC''''
})
};Após isso voltou os erros de CORs, agora de outra forma:
Response to preflight request doesn''''t pass access control check: It does not have HTTP ok status.
Já tentei de tudo, se eu tiro o Header funciona, se eu coloco da problema.
Se enviar assim recebo erros:
getProducts(): Observable<Products[]>{
return this.httpClient.get<Products[]>(this.url + ''''products'''', httpOptions)
.pipe(
retry(3),
catchError(this.handleError))
}Se enviar assim, a chamada funciona com perfeição:
getProducts(): Observable<Products[]>{
return this.httpClient.get<Products[]>(this.url + ''''products'''', httpOptions)
.pipe(
retry(3),
catchError(this.handleError))
}Já tentei de tudo, o pior que eu já usava assim, somente agora estou tendo problemas com isso, já tentei muitas coisas, perdi 5 horas literalmente...
Meu front é Angular + Framework Ionic e meu backend é Codeigniter 4 PHP
Alguém sabe o que pode ser ? Vou precisar enviar Token.
Rodrigo Ventura
Curtir tópico
+ 0
Responder
Posts
12/02/2022
Rodrigo Ventura
Pessoal...parece que resolveu.
Por algum motivo só funcionou após forçar o header no backend de outra forma, sem ser a nativa do Codeigniter 4, dessa forma:
Obrigado e abraço.
Por algum motivo só funcionou após forçar o header no backend de outra forma, sem ser a nativa do Codeigniter 4, dessa forma:
header('Access-Control-Allow-Origin: *');
header("Access-Control-Allow-Headers: X-API-KEY, Origin, X-Requested-With, Content-Type, Accept, Access-Control-Request-Method, Token");
header("Access-Control-Allow-Methods: GET, POST, OPTIONS, PUT, DELETE");
if($_SERVER['REQUEST_METHOD'] === 'OPTIONS'){
exit();
}Obrigado e abraço.
Responder
Clique aqui para fazer login e interagir na Comunidade :)
