添加授权在angular2 API调用头
问题描述:
我一直在敲打我的头在这一个星期的大部分时间,我终于发行,希望有人在*的宇宙呼叫遇到这个问题之前,可以帮助我知道了。添加授权在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) {}
不过,当呼叫被使授权不在标题中。有任何想法吗?
答
所以我想通了这一点!我遵循Angular 2的英雄教程,为我的应用程序构建骨架。在那个教程中,他们让你在本地构建一个伪造的数据库来用作api。因为我试图调用API,我在呼唤真正的API试图抛出这个陌生的未经授权的错误响应。
嗨你看过这篇文章:http://*.com/questions/34464108/angular2-set-headers-for-every-request它可能有帮助。 –