在Angular 8中,可以使用拦截器来处理状态码为200的响应。下面是一个示例代码:
首先,创建一个拦截器文件,比如response.interceptor.ts
,并添加以下代码:
import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http';
import { Observable } from 'rxjs';
import { tap } from 'rxjs/operators';
@Injectable()
export class ResponseInterceptor implements HttpInterceptor {
intercept(request: HttpRequest, next: HttpHandler): Observable> {
return next.handle(request).pipe(
tap(event => {
if (event instanceof HttpResponse && event.status === 200) {
// 处理状态码为200的响应逻辑
console.log('状态码为200的响应:', event);
}
})
);
}
}
然后,在app.module.ts
文件中注册该拦截器:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
import { AppComponent } from './app.component';
import { ResponseInterceptor } from './response.interceptor';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
HttpClientModule
],
providers: [
{
provide: HTTP_INTERCEPTORS,
useClass: ResponseInterceptor,
multi: true
}
],
bootstrap: [AppComponent]
})
export class AppModule { }
现在,当应用程序发出HTTP请求并返回状态码为200的响应时,拦截器将会捕获该响应,并输出到控制台中。你可以根据需要在tap
操作符内添加自定义的处理逻辑。
请确保已经正确导入了相关的依赖项,比如HttpResponse
和tap
。