角度:捕捉连接超时并且没有internet连接HTTP错误

我正在尝试使用较新的Angular的HTTP客户端为HTTP请求添加错误处理: https://angular.io/guide/http

在文档中,说明错误处理如下:

return this.http.get('https://api.example.com/foo')
    .pipe(
      catchError(this.handleError)
    );

private handleError(error: HttpErrorResponse) {
  if (error.error instanceof ErrorEvent) {
    // A client-side or network error occurred. Handle it accordingly.
    console.log('Client side error:', error.error)
    // TODO: how do I catch specific client side errors?
  } else {
    console.log('Back-end error:', error.error)
  }
  // return an observable with a user-facing error message
  return throwError('Something bad happened; please try again later.');
};

处理后端错误非常简单。但是,我希望能够捕获特定的客户端错误,例如:

• 连接超时( net::ERR_CONNECTION_TIMED_OUT
• 没有internet连接

更新 事实上我从来没能 error.error ErrorEvent . 通常,当internet连接断开或连接到无效域时,它将返回一个 ProgressEvent .