如何在Angular 8中获取响应标头以进行发布请求

Question

如何在Angular 8中获取响应标头以进行发布请求，并将jwt令牌存储在本地存储中

login(req): Observable<any> {
  return this.http.post(this.apiUrl + '/login', req).pipe(
    map(res => {
      if (res) {
        this.loggedIn.next(true);

      }
      return res;
    })
  );
}

Answer 1

loadToken() {
    const token = localStorage.getItem('token');
    this.authToken = token;
  }

createAuthHeader() {
    this.loadToken();
    const headers = new HttpHeaders().set(
      'Authorization',
      `Bearer ${this.authToken}`
    );
    return { headers };
  }

login(formData) {
    return this.http.post(`${this.url}/login`, formData,this.createAuthHeader());
  }

您需要将标头作为post req内部的第三个参数传递。 请参考此示例。

Answer 2

要查看请求的响应标头，您需要在请求中使用observe: 'response'选项：

NULL