Angular HttpClient 错误处理困难

有关新 HttpClient 的 Angular 文档https://angular.io/guide/http有一个“获取错误详细信息”部分，其中显示了如下所示的示例。我已修改评论以记录我的观察结果，哪些基本错误类最终出现在哪里。

http
.get<ItemsResponse>('/api/items')
.subscribe(
  data => {...},
  (err: HttpErrorResponse) => {
    if (err.error instanceof Error) {
      // we never seem to get here
      console.log('An error occurred:', err.error.message);
    } else {
      // no network connection, HTTP404, HTTP500, HTTP200 & invalid JSON
      console.log(`Backend returned code ${err.status}, body was: ${err.error}`);
    }
  }
);

因此，单个通道上至少会出现 3 种完全不同类别的错误（网络、http、响应解析），并且对于每种类型，必须在 HttpErrorResponse 的另一部分中搜索实际原因。

通过标准错误码只能识别一类HTTP错误。但另外两种呢？

当我拔掉网络插头时，我得到了非常明显的 err.message =“（未知 url）的 Http 失败响应：0 未知错误。”非常具有描述性。

当新的内部 JSON 解析失败时，它表示存在语法错误 - 但不是在什么位置/字符（由 JSON.parse() 返回）。也可以看看here

超时等其他错误怎么办？

我在哪里可以找到这方面的文档？有没有人找到一种方法来普遍分析这个问题，以便可以向用户提供有意义的消息？

Win 上 Chrome 中的 Angular 5.2，后端：ASP.NET4.6.1 纯 IHttpHandler

我不得不看看角度源代码了解可能的错误情况。错误对象将始终是HttpErrorResponse，但其error财产可能会根据情况而有所不同。这是使用默认值时可能发生的情况XHRBackend使用默认的responseType of 'json':

收到的响应带有指示错误的 HTTP 状态代码（不是 200-299）：

HttpErrorResponse.error将被解析为 JSON 的正文or如果解析失败，则正文为文本。

收到的响应具有良好的 HTTP 状态代码 (200-299)，但正文无法解析为 JSON：

HttpErrorResponse.error将是一个类型为的对象HttpJsonParseError有两个属性：

• error：解析错误（类型Error)
• text: 正文

由于 XHR 网络错误，未收到响应：

HttpErrorResponse.error将是一个 XHRProgressEvent类型设置为'error'。 （它可能被错误地输入为ErrorEvent在旧版本的 TypeScript 中。）

Note：Angular 在发出请求时不会设置超时，也不会注册超时事件处理程序。默认 XHR 超时为 0，因此客户端请求永远不会超时。