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

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

我在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请求引发错误时，如何正确执行组件中的某些代码块？我不想在拦截器中处理此问题，因为我想针对不同的请求自定义错误消息，而不是在拦截器中完全相同。

解决方法

尝试一下：

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);
    }
}