Angular2-HTTP请求选项标头

Question

我目前对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”。存在两种具有此名称的不同类型，但它们不相关。类型“headers”中缺少属性“keys”。“

我感谢你们的支持。

Answer 1

角5的更新

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

我在正确答案的评论中发现了这一点，所以如果这对某人有帮助，祝你好运。

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

Answer 2

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

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

Answer 3

使现代化

到今天为止，@angular/http已经被弃用，应该改用@angular/common/http。因此，使用http头的最佳方法是从“@angular/common/http”导入import{HttpHeaders} （文档）。

老答案

您应该导入的Headers类型是从'@角/超文本传输协议'；导入{Headers}。

检查您的进口