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 对象,它会打印出错误的状态码,否则它会打印出错误信息。无论如何,该方法都会继续抛出错误,以便其他的错误处理器可以继续处理它。

相关内容

热门资讯

黑科技辅助(wpk最新黑科技)... 黑科技辅助(wpk最新黑科技)wpk俱乐部外挂(wPk)原来是真的有挂(有挂秘籍)-哔哩哔哩;小薇(...
黑科技系统(wpk最新黑科技)... 黑科技系统(wpk最新黑科技)wpk有外挂吗(wpK)果然真的是有挂(确实有挂)-哔哩哔哩;1、完成...
黑科技软件(wpk ai辅助)... 黑科技软件(wpk ai辅助)wpk有长期盈利玩家吗(wpK)都是是有挂(了解有挂)-哔哩哔哩1)w...
黑科技系统(wpk ai辅助)... 黑科技系统(wpk ai辅助)wpk德州透视外挂(wpK)好像真的是有挂(有挂助手)-哔哩哔哩;1、...
黑科技工具(wpk ai辅助)... 黑科技工具(wpk ai辅助)wpk外挂第一视角(WPK)真是存在有挂(的确有挂)-哔哩哔哩;1、打...
黑科技了解(wpk最新黑科技)... 黑科技了解(wpk最新黑科技)wpk透手牌测试(Wpk)本来有挂(有挂头条)-哔哩哔哩;亲,关键说明...
黑科技辅助(wpk最新黑科技)... 黑科技辅助(wpk最新黑科技)wpk透视辅助合作(wPK)都是存在有挂(真是有挂)-哔哩哔哩1、下载...
黑科技ai(wpk ai辅助)... 黑科技ai(wpk ai辅助)wpk数据透视(WpK)竟然是有挂(存在有挂)-哔哩哔哩wpk数据透视...
黑科技中牌率(wpk最新黑科技... 黑科技中牌率(wpk最新黑科技)wpk数据抓包(wPk)原来是有挂(有挂技巧)-哔哩哔哩wpk最新黑...
黑科技规律(wpk最新黑科技)... 黑科技规律(wpk最新黑科技)wpk外挂第一视角(WPK)其实真的是有挂(有挂解惑)-哔哩哔哩1、w...