Angular的HttpInterceptor会屏蔽掉错误信息。
创始人
2024-10-24 05:30:09
0

使用 RxJS 中的 catchError 操作符来捕获错误信息。

示例代码:

import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent, HttpResponse, HttpErrorResponse } from '@angular/common/http';
import { Observable, throwError } from 'rxjs';
import { catchError } from 'rxjs/operators';
  
@Injectable()
export class ErrorInterceptor implements HttpInterceptor {
    constructor() {}

    intercept(request: HttpRequest, next: HttpHandler): Observable> {
        return next.handle(request).pipe(
            catchError(error => {
                if (error instanceof HttpErrorResponse) {
                    console.error(`Error status code: ${error.status}`);
                } else {
                    console.error(`Error message: ${error.message}`);
                }

                return throwError(error);
            })
        );
    }
}

这个例子中的 HttpInterceptor 会把每个请求都拦截下来,并使用 RxJS 的 catchError 操作符来捕获错误信息。如果错误信息是一个 HttpErrorResponse 对象,它会打印出错误的状态码,否则它会打印出错误信息。无论如何,该方法都会继续抛出错误,以便其他的错误处理器可以继续处理它。

相关内容

热门资讯

黑科技规律(WepOke)黑科... 黑科技规律(WepOke)黑科技透明挂辅助方法(透视)透明挂教程(果然是有挂)1)WepOke辅助挂...
黑科技存在(WpK)外挂透视辅... 黑科技存在(WpK)外挂透视辅助app(透视)高科技教程(果然有挂);所有人都在同一条线上,像星星一...
黑科技游戏(红龙扑克)外挂辅助... 黑科技游戏(红龙扑克)外挂辅助教程(透视)存在挂教程(本来是真的有挂)1、红龙扑克ai机器人多个强度...
黑科技了解(wepOkE)黑科... 黑科技了解(wepOkE)黑科技透明挂辅助教程(透视)安装教程(一贯是真的有挂);1、玩家可以在we...
黑科技辅助(德州之星)外挂辅助... 黑科技辅助(德州之星)外挂辅助神器(透视)介绍教程(都是是真的有挂);1、上手简单,内置详细流程视频...
黑科技实锤(德州wpk)外挂透... 黑科技实锤(德州wpk)外挂透视辅助助手(透视)详细教程(竟然是真的有挂);1、德州wpk系统规律教...
黑科技神器(微扑克ai)外挂透... 黑科技神器(微扑克ai)外挂透视辅助app(透视)大神讲解(好像真的有挂)1、超多福利:超高返利,海...
黑科技教程(德州之星)外挂辅助... 黑科技教程(德州之星)外挂辅助软件(透视)必备教程(原来是真的有挂);亲,关键说明,德州之星赛季回归...
黑科技肯定(wePOke)黑科... 黑科技肯定(wePOke)黑科技透明挂辅助插件(透视)系统教程(竟然是真的有挂)1、实时wePOke...
黑科技真的(微扑克机器人)外挂... 黑科技真的(微扑克机器人)外挂透视辅助app(透视)揭秘攻略(果然真的有挂)1、在微扑克机器人ai机...