Angular HttpCliente, request GET com headers, n�o funciona

01/12/2017

Bom dia, estou desenvolvendo um cliente no qual n�o tenho acesso ao backend, na documenta��o preciso passar parametros no Header, de uma requisi��o GET

const head= new HttpHeaders()
.append('accept', 'application/json')
.append('content-type', 'application/json')
.append('param1', 'valor1')
.append('param2', 'valor2');

return this.http.get<category[]>('https://api.skyhub.com.br/categories',{headers:head} )
.pipe(
tap(return=> { this.log(`fetched Categorias`) }),
catchError(this.handleError('getCategorias', []))
);

quando executo, vai sem os headers que passei

Inditec

Curtir t�pico + 0

Responder

Posts

29/12/2017

Kelvin Andrade

Ol� Inditec,

Qual a vers�o do Angular que est� utilizando?

const head= new HttpHeaders() .append('accept', 'application/json') .append('content-type', 'application/json') .append('param1', 'valor1') .append('param2', 'valor2');
return this.http.get<category[]>('https://api.skyhub.com.br/categories',{headers:head} ) .pipe(
    tap(return=> { this.log(`fetched Categorias`) }),  catchError(this.handleError('getCategorias', []))
);

Ali pr�ximo ao "tap" me parece conter um erro, voc� est� utilizando a palavra reservada "return" para o nome de um par�metro da fun��o

Responder

Gostei + 0

02/01/2018

Inditec

Obrigado pela resposta, segue a vers�o:

Angular CLI: 1.6.2
Node: 8.9.3
OS: win32 x64
Angular: 5.1.2
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, platform-server, router

@angular/cli: 1.6.2
@angular-devkit/build-optimizer: 0.0.36
@angular-devkit/core: 0.0.22
@angular-devkit/schematics: 0.0.42
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.9.2
@schematics/angular: 0.1.11
@schematics/schematics: 0.0.11
typescript: 2.6.2
webpack: 3.10.0

Responder

Gostei + 0

03/01/2018

Kelvin Andrade

Verifique se os imports est�o corretos. O pacote '@angular/http' foi depreciado!

import { HttpClient } from '@angular/common/http';

Fa�a um teste para ver se o header est� sendo atribu�do corretamente dando um console na linha abaixo.

const head= new HttpHeaders().append('param1', 'valor1') .append('param2', 'valor2');
let param = head.get('param1');
console.log(param);

Obs: Por padr�o, a vers�o 5 espera que os dados sejam JSON, ent�o n�o � necess�rio passar "content-type" e "accept" como par�metro.

Importante mencionar tamb�m que o header � imut�vel, sempre que utilizar a fun��o append, � retornado um novo header, ele n�o altera a vari�vel head, mesmo se n�o utilizasse const para declarar;

let head= new HttpHeaders();
head.append('param1', 'valor1');
let param = head.get('param1');
console.log(param); // O resultado � vazio.

Responder

Gostei + 0