添加授权在angular2 API调用头

我一直在敲打我的头在这一个星期的大部分时间，我终于发行，希望有人在StackOverflow的宇宙呼叫遇到这个问题之前，可以帮助我知道了。添加授权在angular2 API调用头

我是新来Angular2，这是我的第一个应用它。我只是想通过api电话获得一份企业名单。我在一个组件上有一个搜索输入字段，用于在服务中进行调用。通话持续失败，因为我似乎无法头传递到与我有会话标识正确的身份验证呼叫。它始终只是 {：“应用/ JSON的”内容“类型”}通过。

这里是我的服务电话：

searchAllForTerm(term: string): Promise<Business[]> { 
    let headers = new Headers(); 
    headers.append('Content-Type', 'application/json'); 
    let authToken = localStorage.getItem('token'); 
    headers.append('Authorization', `Bearer ${authToken}`); 
    return this.http.get(this.businessesUrl + term, {headers}) 
    .toPromise() 
    .then(this.extractData) 
    .catch(this.handleError); 
}

我已经在文件中导入

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

，并设置构造函数

constructor(private http: Http) {}

不过，当呼叫被使授权不在标题中。有任何想法吗？

来源

2017-03-01 Lucy Barber

嗨你看过这篇文章：http://stackoverflow.com/questions/34464108/angular2-set-headers-for-every-request它可能有帮助。 –

所以我想通了这一点！我遵循Angular 2的英雄教程，为我的应用程序构建骨架。在那个教程中，他们让你在本地构建一个伪造的数据库来用作api。因为我试图调用API，我在呼唤真正的API试图抛出这个陌生的未经授权的错误响应。

来源

2017-04-04 21:18:45

添加授权在angular2 API调用头

回答

相关问题