Json Angular2头未授权错误

Json Angular2头未授权错误,json,angular,angular2-http,Json,Angular,Angular2 Http,我是个新手。我正在为我的课程做一些实验作业。实验作业是使用angular 2编写笔记应用程序。我一直在努力设置请求头。用户需要登录才能创建便笺。当用户登录到应用程序时,节点服务器发送令牌作为确认。我将令牌保存在localstorage中。这很有效,我可以在组件模板中看到令牌和打印。post请求必须将授权附加到标题,我确实附加了登录凭据。然而,当我发送post请求时,我得到了401授权。这是我的密码 //响应令牌像这样保存在本地存储中 login(username: string, passwor

我是个新手。我正在为我的课程做一些实验作业。实验作业是使用angular 2编写笔记应用程序。我一直在努力设置请求头。用户需要登录才能创建便笺。当用户登录到应用程序时,节点服务器发送令牌作为确认。我将令牌保存在localstorage中。这很有效,我可以在组件模板中看到令牌和打印。post请求必须将授权附加到标题,我确实附加了登录凭据。然而,当我发送post请求时,我得到了401授权。这是我的密码 //响应令牌像这样保存在本地存储中

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服务器捕获,没有任何内容