Angular中的HTTP拦截器如何自定义以处理API调用的公共逻辑

在Angular中，可以通过创建自定义HTTP拦截器来处理API调用的公共逻辑。HTTP拦截器是Angular中的一个功能，它允许我们在HTTP请求和响应过程中执行额外的逻辑。

要创建一个自定义的HTTP拦截器，首先需要创建一个实现了HttpInterceptor接口的类。这个接口包含一个intercept方法，该方法接收一个HttpRequest对象和一个HttpHandler对象，并返回一个Observable<HttpEvent>。

在intercept方法中，我们可以对请求进行处理，添加自定义的请求头或参数，或者对响应进行处理，例如处理错误或添加额外的逻辑。

下面是一个简单的示例，演示如何创建一个自定义的HTTP拦截器来处理API调用的公共逻辑：

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

@Injectable()
export class CustomInterceptor implements HttpInterceptor {
  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    // 在请求中添加自定义的请求头
    req = req.clone({
      setHeaders: {
        'Authorization': 'Bearer myAuthToken'
      }
    });

    // 继续处理请求
    return next.handle(req).pipe(
      // 处理响应
      map((event: HttpEvent<any>) => {
        if (event instanceof HttpResponse) {
          // 在这里处理响应，例如处理错误或添加额外的逻辑
        }
        return event;
      })
    );
  }
}

要使用自定义的HTTP拦截器，需要在Angular的providers数组中提供它，并将其添加到HTTP_INTERCEPTORS提供商中：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
import { CustomInterceptor } from './custom-interceptor';

@NgModule({
  imports: [BrowserModule, HttpClientModule],
  providers: [
    {
      provide: HTTP_INTERCEPTORS,
      useClass: CustomInterceptor,
      multi: true
    }
  ]
})
export class AppModule { }

这样，我们就可以在所有的HTTP请求中使用自定义的HTTP拦截器来处理API调用的公共逻辑。