Angular2 - HEADERS HTTP RequestOptions

Question

J'ai actuellement un problème avec tslint et j'espérais que quelqu'un pourrait m'indiquer la bonne direction.

J'essaie d'envoyer une requête HTTP GET en utilisant le protocole HTTP fourni par le framework Angular2. Avec cette requête, je dois spécifier le content-type et le jeton d'authentification du porteur.

Exemple de mon code :

let headers = new Headers();
let authToken = this._user.getUser().JWT;
headers.append('Content-Type', 'application/json');
headers.append('Authorization', `Bearer ${authToken}`);
let options = new RequestOptions({ headers: headers });

this._http.get('http://' + url '/', options)
            .timeout(3000)
            .subscribe(
                (res) => {

Cela fonctionne, cependant, tslint se plaint que

"TS2345 : Argument de type '{headers : Headers ; }' n'est pas assignable à un paramètre de type paramètre de type 'RequestOptionsArgs'. Les types de la propriété 'headers' sont sont incompatibles. Le type 'Headers' n'est pas assignable au type 'Headers'. Il existe deux types différents portant ce nom, mais ils ne sont pas liés. La propriété 'keys' est absente du type 'Headers'."

J'apprécie le soutien.

Answer 1

Mise à jour

A partir d'aujourd'hui, @angular/http a été déprécié et @angular/common/http doit être utilisé à la place. Ainsi, la meilleure façon de travailler avec des en-têtes http est d'importer import { HttpHeaders } from '@angular/common/http'; ( documentation ).

Ancienne réponse

El Headers que vous êtes censé importer est import { Headers } from '@angular/http'; .

Vérifiez vos importations

Answer 2

Vous devez mettre à jour les en-têtes par :

let headers =  {headers: new  HttpHeaders({ 'Content-Type': 'application/x-www-form-urlencoded'})};

Answer 3

Mise à jour pour Angular 5

import { RequestOptions } from '@angular/http';

J'ai trouvé ceci dans les commentaires de la bonne réponse, donc si cela peut aider quelqu'un, bonne chance.

Documentation : https://angular.io/api/http/RequestOptions

Answer 4

// exemple d'en-têtes de type de contenu Json

import { Http, Headers, RequestOptions } from '@angular/http';

const Url = 'http://localhost:3000/';
const headers = new Headers;
const body = JSON.stringify({
title: "data" 
});
headers.append('Content-Type', 'application/json');
this.http.post(Url, body, { headers: headers })
.pipe(map((res => res)));