Angular 存储来自 header 的不记名令牌

Question

在这里您可以看到登录 post 请求的响应。看起来很棒。唯一的问题是，它有一个空的 body，我不知道如何访问（和本地存储）Bearer 令牌。

我现在可以登录的是：

这是我目前拥有的：

import { Injectable, OnInit } from '@angular/core';
import {
  HttpClient,
  HttpErrorResponse,
  HttpHeaders,
  HttpHeaderResponse,
} from '@angular/common/http';

@Injectable({
  providedIn: 'root',
})
export class AuthService implements OnInit {
  constructor(private http: HttpClient) {}

  ngOnInit() {}

  signIn(name: string, password: string) {
    var postdata = { name: name, password: password };
    this.http
      .post('http://localhost:8081/login', postdata, { observe: 'response' })
      .subscribe(
        (response) => {
          console.log(response);
        },
        (error) => {
          console.log('did not work');
        }
      );
  }

如何使用不记名令牌访问 header 部分？我在任何地方都看不到它。

Answer 1

你试过吗？

response.headers.get('Authorization'))

Angular 存储来自 header 的不记名令牌

Angular store bearer token from header

angular

authentication

token

bearer-token