Angular - 如何在服务中模拟 HttpError 响应

Question

如何在 Angular 服务中模拟 HTTP 错误响应？我经常需要处理不同的 HTTP 错误代码，有时我需要实施解决方案，但后端还没有准备好。我怎样才能从后端模拟错误？ 示例代码

  public getData(): Observable<Response> {
    return this.httpClient.get<Response>(`${this.endpoint}`);
  }

Answer 1

最简单的解决方案 - 您可以创建一个 HttpErrorResponse 实例，设置错误状态，然后return将此对象作为服务假响应。

  public getData(): Observable<Response> {
    const error = new HttpErrorResponse({ status: 422 });
    return of(error) as any;
  }

or 
  public getData(): Observable<Response> {
    const error = new HttpErrorResponse({ status: 422 });
    return throwError(error) as any;
  }