Eu estou tentando entender como passar headers
da forma correta ao instanciar um objeto HttpHeaders
no Angular 5. Eu tenho o seguinte código:
postApi(body: any, route: string) {
return new Promise((resolve, reject) => {
this.http.post(url_api + route, JSON.stringify(body), this.options)
.subscribe(res => {
resolve(res);
}, (err) => {
console.log(err)
reject(err);
});
});
}
Quando eu tento instanciar o objeto HttpHeaders
passando um objeto como está especificado na documentação. Recebo um retorno 404 (Na verdade a requisição foi feita para a minha API. Mas por algum motivo ou erro ela não reconhece a rota):
options = {
headers: new HttpHeaders({
'Content-Type': 'application/json',
'x-api-key': 'xxxxxxxxxxxxxxxxxxxx'
})
};
Porém, caso eu crie um objeto vazio e depois adicione meus headers com append
. Tudo funciona perfeitamente e a minha rota é encontrada sem nenhum problema:
options = {
headers: new HttpHeaders()
};
postApi(body: any, route: string) {
this.options.headers.append('Content-Type', 'application/json');
this.options.headers.append('x-api-key', `xxxxxxxxxxxxxxxxxxxx`);
...
}
Então gostaria de entender se é um erro instanciar um objeto HttpHeaders dessa forma:
options = {
headers: new HttpHeaders({
'Content-Type': 'application/json',
'x-api-key': 'xxxxxxxxxxxxxxxxxxxx'
})
};