在Angular 2中,可以使用HttpInterceptor来监控和处理HTTP请求和响应的错误。HttpInterceptor是一个Angular提供的拦截器接口,可以用于在发送请求之前和接收响应之后进行一些操作。
要像以前使用jQuery一样监控ajaxError,可以按照以下步骤进行操作:
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 {
intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
return next.handle(request).pipe(
catchError((error: HttpErrorResponse) => {
// 在这里处理错误
console.log('请求发生错误:', error);
// 可以根据错误类型进行相应的处理
// 抛出错误,以便在组件中进一步处理
return throwError(error);
})
);
}
}
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
import { AppComponent } from './app.component';
import { ErrorInterceptor } from './error.interceptor';
@NgModule({
imports: [BrowserModule, HttpClientModule],
declarations: [AppComponent],
providers: [
{
provide: HTTP_INTERCEPTORS,
useClass: ErrorInterceptor,
multi: true
}
],
bootstrap: [AppComponent]
})
export class AppModule { }
现在,当发生HTTP请求错误时,ErrorInterceptor中的错误处理代码将被触发。你可以根据具体的错误类型进行相应的处理,例如显示错误消息、重试请求等。
领取专属 10元无门槛券
手把手带您无忧上云