Angular2中的拦截器

科丁

我正在尝试在Angular2.beta.0上构建一个演示应用程序,应用程序将具有登录机制,然后所有其他API调用将具有通过标头发送的获取的会话令牌。

在angular 1x中,我可以编写一个Interceptor,它将一个单独的代码中的令牌添加到http标头中,我想知道angular2是否具有这种机制或任何其他推荐的方法。

温德罗

必须是请求的HTTP标头吗?Cookies似乎是一个不错的选择:https : //stormpath.com/blog/where-to-store-your-jwts-cookies-vs-html5-web-storage/

通过查看HTTP文档,我们可以:

get(url: string, options?: RequestOptionsArgs) : Observable<Response>

Performs a request with get http method.

转到RequestOptionsArgs,我们有:

headers : Headers

Not Yet Documented

终于降落在Headers

import {Headers} from 'angular2/http';
var secondHeaders = new Headers({
  'X-My-Custom-Header': 'Angular'
});

所以应该是这样的:

import {Response} from "angular2/http";
import {RequestOptionsArgs} from "angular2/http";
import {Headers} from "angular2/http";

let token:string = 'my-secret';
this.http.get('your/url', <RequestOptionsArgs> {
    headers: new Headers({
        'X-My-JWT-Header': 'sweet'
    })
})

查看BaseRequestOptions文档,这是一种将标头自动附加到每个请求的方法。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章