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

在Angular 8中，可以通过HttpInterceptor来捕获已取消或中止的请求。HttpInterceptor是一个接口，用于拦截HTTP请求和响应，并可以对它们进行处理或修改。

要捕获已取消或中止的请求，可以在HttpInterceptor的intercept方法中进行处理。以下是一个示例：

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('请求已取消或中止');
          }
        }
      )
    );
  }
}

在上面的示例中，我们创建了一个名为CancelledRequestInterceptor的HttpInterceptor类。在intercept方法中，我们使用tap操作符来处理请求的成功和失败情况。如果请求失败，并且错误的name属性为'HttpErrorResponse'，并且错误的status属性为0，那么我们就可以确定该请求已被取消或中止。

要在Angular应用程序中使用该拦截器，需要将其提供给HttpClientModule。可以在app.module.ts文件中的providers数组中添加以下代码：

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 { }

通过以上配置，CancelledRequestInterceptor将会拦截所有的HTTP请求，并在请求被取消或中止时进行处理。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），腾讯云对象存储（COS）。

腾讯云云服务器（CVM）是一种可弹性伸缩的云计算服务，提供了高性能、可靠稳定的虚拟服务器。您可以根据业务需求选择不同的配置和规格，快速创建和管理云服务器实例。

腾讯云对象存储（COS）是一种安全、低成本、高可扩展的云端存储服务，适用于存储和处理各种类型的数据。它提供了简单易用的API接口，可以方便地进行文件上传、下载、管理和访问控制等操作。

更多关于腾讯云云服务器和对象存储的信息，请访问以下链接：