在Angular 10拦截器中调用另一个api会阻塞当前api请求。

import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http';
import { Observable } from 'rxjs';
import { switchMap } from 'rxjs/operators';

@Injectable()
export class MyInterceptor implements HttpInterceptor {
  constructor(private http: HttpClient) {}

  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    // 发起另一个API请求
    return this.http.get('https://api.example.com/another-api').pipe(
      switchMap(() => {
        // 继续当前API请求
        return next.handle(request);
      })
    );
  }
}