Angular 6 HttpInterceptor -当获取401时，刷新令牌并创建相同的请求

Angular 6 HttpInterceptor是Angular框架中的一个特性，用于拦截HTTP请求和响应。当我们需要在请求或响应发生时执行一些额外的操作时，可以使用HttpInterceptor来实现。

在特定的场景中，当我们的请求返回401未授权错误时，我们可能需要刷新令牌并重新发送相同的请求。为了实现这个功能，我们可以创建一个自定义的HttpInterceptor，并在其中处理401错误。

下面是一个示例的Angular 6 HttpInterceptor代码：

import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http';
import { Observable } from 'rxjs';
import { AuthService } from './auth.service';

@Injectable()
export class TokenInterceptor implements HttpInterceptor {

  constructor(private authService: AuthService) {}

  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    // 在每个请求的header中添加认证令牌
    const token = this.authService.getToken();
    if (token) {
      request = request.clone({
        setHeaders: {
          Authorization: `Bearer ${token}`
        }
      });
    }

    return next.handle(request).pipe(
      catchError(error => {
        if (error.status === 401) {
          // 处理401错误，刷新令牌并重新发送相同的请求
          return this.authService.refreshToken().pipe(
            switchMap(newToken => {
              // 更新认证令牌
              this.authService.setToken(newToken);

              // 克隆原始请求并添加新的认证令牌
              const newRequest = request.clone({
                setHeaders: {
                  Authorization: `Bearer ${newToken}`
                }
              });

              // 重新发送请求
              return next.handle(newRequest);
            }),
            catchError(refreshError => {
              // 刷新令牌失败，重定向到登录页面或执行其他操作
              return throwError(refreshError);
            })
          );
        } else {
          // 处理其他错误
          return throwError(error);
        }
      })
    );
  }
}

在上述代码中，我们创建了一个名为TokenInterceptor的HttpInterceptor类。在intercept方法中，我们首先从AuthService中获取认证令牌，并将其添加到请求的header中。然后，我们使用next.handle方法来继续处理请求。

如果请求返回401错误，我们会调用AuthService中的refreshToken方法来刷新令牌。在刷新令牌成功后，我们会更新认证令牌并克隆原始请求，并在新的请求中添加新的认证令牌。最后，我们使用next.handle方法来重新发送新的请求。

如果刷新令牌失败，我们可以选择重定向到登录页面或执行其他操作。

这是一个简单的示例，你可以根据自己的需求进行修改和扩展。在实际应用中，你可能需要根据具体的业务逻辑来处理401错误和刷新令牌的逻辑。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云对象存储（COS）、腾讯云数据库MySQL版等。你可以通过访问腾讯云官网（https://cloud.tencent.com/）获取更多关于这些产品的详细信息和文档。