在Angular中处理来自同一API的多个响应类型

interface ApiResponse {
  data: any;
  error: any;
  message: string;
}

import { HttpClient } from '@angular/common/http';
import { catchError, map } from 'rxjs/operators';
import { of } from 'rxjs';

@Injectable()
export class ApiService {
  constructor(private http: HttpClient) {}

  getApiResponse(): Observable<ApiResponse> {
    return this.http.get<ApiResponse>('api-url').pipe(
      map(response => response.data),
      catchError(error => {
        console.error(error);
        return of(null);
      })
    );
  }
}

export class MyComponent implements OnInit {
  constructor(private apiService: ApiService) {}

  ngOnInit() {
    this.apiService.getApiResponse().subscribe(
      data => {
        // 处理成功的响应类型
        console.log(data);
      },
      error => {
        // 处理错误的响应类型
        console.error(error);
      }
    );
  }
}