Angular中的HTTP攔截器如何處理全局錯誤

在Angular中，可以使用HTTP攔截器來處理全局錯誤。HTTP攔截器可以攔截HTTP請求和響應，并可以對它們進行處理。

在Angular中創建一個HTTP攔截器，可以使用Angular的HttpInterceptor接口。首先需要創建一個自定義的攔截器類，并實現HttpInterceptor接口。在類中實現intercept方法來處理請求和響應。

在intercept方法中，可以使用RxJS的pipe操作符來處理HTTP請求和響應。可以在pipe中使用catchError操作符來捕獲錯誤，并進行相應的處理，例如打印錯誤信息、顯示錯誤提示等。

下面是一個簡單的HTTP攔截器示例，用來處理全局錯誤：

import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent, HttpErrorResponse } from '@angular/common/http';
import { Observable, throwError } from 'rxjs';
import { catchError } from 'rxjs/operators';

@Injectable()
export class ErrorInterceptor implements HttpInterceptor {
    intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
        return next.handle(request).pipe(
            catchError((error: any) => {
                if (error instanceof HttpErrorResponse) {
                    // Handle HTTP error
                    console.error('HTTP error:', error.status);
                    // Handle error response
                    console.error('Error:', error.error);
                } else {
                    // Handle other types of errors
                    console.error('Error:', error.message);
                }
                
                return throwError(error);
            })
        );
    }
}

需要將攔截器添加到應用的providers數組中，以使其生效。可以在AppModule中添加提供者：

@NgModule({
    providers: [
        { provide: HTTP_INTERCEPTORS, useClass: ErrorInterceptor, multi: true }
    ]
})
export class AppModule { }

這樣，在應用中的每個HTTP請求和響應都會經過ErrorInterceptor攔截器處理，從而可以統一處理全局錯誤。