Angular2-HTTP RequestOptions头

我目前在tslint上遇到问题，希望有人可以指出正确的方向。

我正在尝试使用Angular2框架提供的HTTP发送HTTP GET请求。对于此请求，我必须指定内容类型和承载身份验证令牌。

我的代码示例：

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

这有效，但是，tslint抱怨

“ TS2345：类型'{headers：Headers;}'的参数不能分配给类型'RequestOptionsArgs'的参数。属性'headers'的类型不兼容。类型'Headers'不能分配给类型'Headers'。两种不同的类型具有此名称的名称，但它们不相关。“标题”类型中缺少属性“关键字”。”

感谢您的支持。

更新资料

截止到今天，@angular/http已不推荐使用，而@angular/common/http应该使用。因此，使用HTTP标头的最佳方法是导入import { HttpHeaders } from '@angular/common/http';（documentation）。

旧答案

Headers您应该导入的类型是import { Headers } from '@angular/http';。

检查您的进口

您必须通过以下方式更新标题：

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

更新Angular 5

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

我在正确答案的注释中找到了这个，因此，如果这对某人有帮助，祝您好运。

文档：https : //angular.io/api/http/RequestOptions

//内容类型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)));