在Angular 7中如何增加HTTP请求超时超过2分钟？

在Angular 7中，可以通过设置HTTP Interceptor来增加HTTP请求的超时时间。下面是一种实现方式：

创建一个名为timeout.interceptor.ts的文件，并在其中编写以下代码：

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

@Injectable()
export class TimeoutInterceptor implements HttpInterceptor {
  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    const timeoutValue = 120000; // 设置超时时间为2分钟，单位为毫秒

    return next.handle(request).pipe(
      timeout(timeoutValue),
      catchError(error => {
        if (error.name === 'TimeoutError') {
          // 处理超时错误
          // 可以在这里进行一些操作，例如显示错误提示或重新发起请求
        }
        return throwError(error);
      })
    );
  }
}

在app.module.ts文件中，将TimeoutInterceptor添加到HTTP_INTERCEPTORS提供者中：

import { NgModule } from '@angular/core';
import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
import { TimeoutInterceptor } from './timeout.interceptor';

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

通过以上步骤，我们创建了一个名为TimeoutInterceptor的HTTP拦截器，并将其添加到应用程序的HTTP_INTERCEPTORS提供者中。该拦截器会在每个HTTP请求中设置超时时间为2分钟，并在超时时进行相应的处理。

请注意，这只是一种实现方式，你可以根据具体需求进行调整和优化。另外，关于Angular 7的更多信息和相关产品，你可以参考腾讯云的官方文档：Angular 7开发指南。