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

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)