Angular2 - HTTP RequestOptions HEADERS

Question

Ich habe derzeit ein Problem mit tslint und hoffte, dass jemand mich in die richtige Richtung zeigen könnte.

Ich versuche, eine HTTP-GET-Anfrage mit HTTP vom Angular2-Framework zu senden. Bei dieser Anfrage muss ich den Inhaltstyp und das Träger-Authentifizierungs-Token angeben.

Beispiel meines Codes:

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) => { 

Dies funktioniert jedoch tslint reklamiert und

„TS2345: Argument vom Typ '{Header: Header;}' nicht übertragbar ist Parameter des Typs "RequestOptionsArgs". Typen der Eigenschaft "headers" sind inkompatibel. Typ "Headers" ist nicht dem Typ "Headers" zuweisbar. Zwei verschiedene Typen mit diesem Namen existieren, aber sie sind nicht verwandt. Property 'ke 'fehlt' in 'Kopfzeilen'. "

Ich schätze die Unterstützung.

Answer 1

aktualisieren

Ab heute hat @angular/httpdeprecated gewesen, und @angular/common/http sollte stattdessen verwendet werden. Daher ist der beste Weg, mit http-Headern zu arbeiten, import { HttpHeaders } from '@angular/common/http'; (documentation) zu importieren.

Alte Antwort

Die Headers Typ Sie sollen importieren import { Headers } from '@angular/http';.

Prüfen Sie Ihre Importe

Answer 2

Sie haben Header zu aktualisieren, indem Sie:

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