在Angular中httpClient超时的情况下调用函数

import { HttpClient } from '@angular/common/http';

constructor(private http: HttpClient) {}

makeRequest() {
  this.http.get('https://example.com/api', { timeout: 5000 })
    .subscribe(
      response => {
        // 处理成功响应
      },
      error => {
        // 处理错误响应或超时
      }
    );
}

import { HttpClient, HttpErrorResponse } from '@angular/common/http';

constructor(private http: HttpClient) {}

makeRequest() {
  this.http.get('https://example.com/api', { timeout: 5000 })
    .subscribe(
      response => {
        // 处理成功响应
      },
      (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}`
          );
        }
      }
    );
}