订阅结果时未捕获来自 HTTP 调用的错误，但在我的 HTTP 拦截器中捕获了错误

Question

我在 Angular 10 上（我之前在 8 上遇到过同样的问题）。在以下方法中，我在我的组件中订阅了一个 HTTP 请求：

    this.httpData.updateRadioAnswers(questions)
    .subscribe(
      result => this.requestResult = <any>result,
      error => {
        this.requestError = <any>error;
        console.log('error! '+this.requestError);
      },
      () => {
          console.log(this.requestResult);
      });

我也有这个 HTTP 拦截器：

    intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
        if (this.oauth.token && !req.headers.has('Authorization')) {
            req = req.clone(this.getHttpHeaders(null));
            return next.handle(req).pipe(
                tap((event: HttpEvent<any>) => { }, err => {
                    if (err instanceof HttpErrorResponse) {
                        console.log(err);
                    }
                })
            );
        } else {
            return next.handle(req);
        }
    }

当我的 HTTP 请求不成功时，我想处理我的组件（第一个块）中的错误，但“错误”中的代码永远不会被执行。但是，当发生错误时，拦截器中的“err”代码将被执行。当 HTTP 请求引发错误时，如何正确执行组件中的某些代码块？我不想在拦截器中处理这个问题，因为我想为不同的请求自定义错误消息，而不是拦截器中的它们都是一样的。

Answer 1

试试这个：

intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    if (this.oauth.token && !req.headers.has('Authorization')) {
        req = req.clone(this.getHttpHeaders(null));
        return next.handle(req).pipe(
            catchError(error => throwError(error))
        )
    } else {
        return next.handle(req);
    }
}