使用rxjs捕获服务内部的httpClient响应

import { Observable, throwError } from 'rxjs';
import { catchError } from 'rxjs/operators';
import { HttpClient, HttpHeaders, HttpErrorResponse } from '@angular/common/http';

getData(): Observable<any> {
  return this.http.get<any>('https://example.com/api/data').pipe(
    catchError(this.handleError)
  );
}

private handleError(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 bad happened; please try again later.');
}