捕获HttpInterceptor上的已取消/中止请求。Angular8

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

@Injectable()
export class CancelledRequestInterceptor implements HttpInterceptor {
  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    return next.handle(req).pipe(
      tap(
        event => {
          // 处理请求成功的情况
        },
        error => {
          if (error.name === 'HttpErrorResponse' && error.status === 0) {
            // 捕获已取消或中止的请求
            console.log('请求已取消或中止');
          }
        }
      )
    );
  }
}

import { NgModule } from '@angular/core';
import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
import { CancelledRequestInterceptor } from './cancelled-request.interceptor';

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