如何在 Angular 6 中处理 API 令牌答案

【问题标题】：how to handle API token in angular 6如何在 Angular 6 中处理 API 令牌
【发布时间】：2018-10-02 12:30:40
【问题描述】：

我想用 API 中的令牌处理请求 - 响应我该如何处理？请给出 API 令牌演示和登录身份验证的任何示例。因为我是角度的新手。前任： const authToken = this.authService.getToken();

【问题讨论】：

看看here 的教程。
Angular 5 HttpInterceptor and sending Authorization Token in header的可能重复

【解决方案1】：

您想使用 HTTP 拦截器来拦截请求并添加身份验证令牌（如果存在）。如果身份验证令牌不存在，您也可以重定向到登录页面。

export class AuthInterceptor implements HttpInterceptor {
  constructor(private authService: AuthService) {}

  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    const headers = httpReq.headers;
    headers.set('Authorization', this.authService.getToken());

    const newRequest = request.clone({headers: headers});

    return next.handle(newRequest);
  }
}

确保将拦截器添加到模块中

import { AuthService } from './services/auth.service.ts';
import { AuthInterceptor } from './interceptors/auth.interceptor.ts';

providers: [
  AuthService,
  { provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true },
];

【讨论】：