使用 Angular 2 Typescript 设置 http 标头答案

【问题标题】：Setting http headers with Angular 2 Typescript使用 Angular 2 Typescript 设置 http 标头
【发布时间】：2016-12-27 18:14:22
【问题描述】：

我有一些 Angular 1 Javascript 代码正在尝试用 Angular 2 Typescript 重写。

我被困在如何编写 Angular 2 Typescript 版本：

$http.defaults.headers.common.Authorization = 'Token ' + $cookies.token;

在我的 Typescript 文件中，我有以下导入，但无法找到如何设置标题或获取 $cookies.token 的等效项。

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

【问题讨论】：

标签： angularjs typescript http-headers

【解决方案1】：

试试这个，

1.导入此代码

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

2.将此代码放入您的构造函数中

constructor(private http: Http) {}

而这段代码用于 Api 调用，

var headers = new Headers();
headers.append('Content-Type', 'application/json');
headers.append('Authorization', 'Bearer ' + YOUR COOKIE VARIABLE); // You can use, if you want to send cookies in your api call.

this.http.post('http://**yourApiUrlHere**,{headers:headers})


 .map(res => res.json())
 .subscribe(
 data => {
   //Do something
 }

【讨论】：

【解决方案2】：

我还没有在 Angular 2 中使用过 cookie，但这是你为发布请求设置标题的方式。

    let body = JSON.stringify(task);
    let headers = new Headers({ 'Content-Type': 'application/json' });
    let options = new RequestOptions({ headers: headers });

    this.http.post('/Custom/Create', body, options)
        .subscribe(() => { }, err => console.log(err));

【讨论】：