Json Angular2头未授权错误
我是个新手。我正在为我的课程做一些实验作业。实验作业是使用angular 2编写笔记应用程序。我一直在努力设置请求头。用户需要登录才能创建便笺。当用户登录到应用程序时,节点服务器发送令牌作为确认。我将令牌保存在localstorage中。这很有效,我可以在组件模板中看到令牌和打印。post请求必须将授权附加到标题,我确实附加了登录凭据。然而,当我发送post请求时,我得到了401授权。这是我的密码 //响应令牌像这样保存在本地存储中Json Angular2头未授权错误,json,angular,angular2-http,Json,Angular,Angular2 Http,我是个新手。我正在为我的课程做一些实验作业。实验作业是使用angular 2编写笔记应用程序。我一直在努力设置请求头。用户需要登录才能创建便笺。当用户登录到应用程序时,节点服务器发送令牌作为确认。我将令牌保存在localstorage中。这很有效,我可以在组件模板中看到令牌和打印。post请求必须将授权附加到标题,我确实附加了登录凭据。然而,当我发送post请求时,我得到了401授权。这是我的密码 //响应令牌像这样保存在本地存储中 login(username: string, passwor
login(username: string, password: string) {
const body = JSON.stringify({username: username, password: password}); // Stringify payload
const headers = new Headers();
headers.append( 'Content-Type', 'application/json' ); // ... Set content type to JSON
const options = new RequestOptions({ headers: headers }); // Create a request option
return this._http.post(this.loginUser, body, options) // ...using post request
.map((res: Response) => {
const token = res.json() && res.json().token;
if (token) {
localStorage.setItem('currentUser', JSON.stringify(res.json().id_token));
console.log(res.json().token);
}
})
.catch((error: any) => Observable.throw(error.json().error || 'Server error'));
}
//设置请求头并发送post请求
createPost(title: string, text: string) {
const body = JSON.stringify({noteData: {title: title, text: text}}); // Stringify payload
const headers = new Headers();
const token = localStorage.getItem('currentUser');
headers.append( 'Content-Type', 'application/text' ); // ... Set content type to JSON
headers.append('Authorization' , `Bearer ${token}`);
const options = new RequestOptions({ headers: headers }); // Create a request option
return this._http.post(this.createNote, body, options) // ...using post request
.map((res: Response) => {
console.log(res);
})
.catch((error: any) => Observable.throw(
error.json().error || 'Server error'));
}您得到的错误可能是.catch函数捕获的Web服务器的响应。我会检查你的webserver@DOMZE,我检查web服务器捕获,没有任何内容