Angular + Core API:如何拦截请求响应错误正文

import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpRequest, HttpHandler, HttpErrorResponse } from '@angular/common/http';
import { catchError } from 'rxjs/operators';
import { throwError } from 'rxjs';

@Injectable()
export class ErrorInterceptor implements HttpInterceptor {
  intercept(request: HttpRequest<any>, next: HttpHandler) {
    return next.handle(request).pipe(
      catchError((error: HttpErrorResponse) => {
        // 处理错误响应
        if (error.error instanceof ErrorEvent) {
          // 客户端错误
          console.error('An error occurred:', error.error.message);
        } else {
          // 服务器错误
          console.error(`Backend returned code ${error.status}, body was: ${error.error}`);
        }
        // 可以根据具体情况进行错误处理，比如弹出错误提示框等
        // 返回一个可观察对象，以便继续抛出错误
        return throwError('Something went wrong; please try again later.');
      })
    );
  }
}

import { NgModule } from '@angular/core';
import { HTTP_INTERCEPTORS } from '@angular/common/http';
import { ErrorInterceptor } from './error.interceptor';

@NgModule({
  providers: [
    { provide: HTTP_INTERCEPTORS, useClass: ErrorInterceptor, multi: true }
  ]
})
export class AppModule { }