Angular2登录服务jwt令牌

Question

我尝试用angular2前端实现jwt令牌。当我尝试使用Postman接收带有post方法的令牌时，我接收到授权令牌，但在Angular中这样做返回空响应对象。这里是我使用的Angular服务的代码片段。

    return this.http.post(this.authUrl, { username: username, password: password })
                .map((response: Response) => {
                    console.log(username + ' ' + password);
                    // login successful if there's a jwt token in the response
                    let token = response.json() && response.json().token;
                    console.log(token);
                    if (token) {
                        // set token property
                        this.token = token;

                        // store username and jwt token in local storage to keep user logged in between page refreshes
                        localStorage.setItem('currentUser', JSON.stringify({ username: username, token: token }));

                        // return true to indicate successful login
                        return true;
                    } else {
                        // return false to indicate failed login
                        return false;
                    }
                });

问题是，当我尝试记录时，令牌是空的，与响应相同。对于代码的后端部分，我遵循了jwt令牌的这个实现。

this.http.post<any>(this.authUrl, { username: username, password: password }).subscribe();

Answer 1

我找到了解决办法。我需要做的只是添加Access-Control-Expose-Headers和我的头的字符串名称。仅添加Access-Control-Allow Headers不起作用。然后，在客户端，我可以提取带有我的头的名称的头，或者后端允许的任何更多的头。