Question

我有一些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';

Answer 1

我还没有在角度2中使用过cookies，但这就是你为帖子请求设置标题的方法。

    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));

Answer 2

尝试一下，

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
 }

使用Angular 2 Typescript设置http标头

2 个答案: