在Angular 2中截取HTTP响应

，可以通过使用拦截器（interceptor）来实现。拦截器是Angular提供的一个特性，可以在HTTP请求和响应的过程中进行拦截和处理。

拦截器可以用来截取HTTP响应，对响应进行处理或者修改。以下是在Angular 2中截取HTTP响应的步骤：

创建一个拦截器类，实现HttpInterceptor接口，并重写intercept方法。该方法接收两个参数：HttpRequest对象和HttpHandler对象。HttpRequest对象表示发出的HTTP请求，HttpHandler对象表示将请求发送到下一个拦截器或最终发送到服务器的处理程序。
在intercept方法中，可以对HttpRequest对象进行修改或者添加自定义的请求头信息。
使用HttpHandler对象的handle方法将修改后的请求发送到下一个拦截器或最终发送到服务器。
在handle方法的返回值上使用pipe操作符，可以对HTTP响应进行进一步的处理。例如，可以使用map操作符对响应进行转换，或者使用catchError操作符处理错误。

下面是一个示例代码，展示如何在Angular 2中截取HTTP响应：

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

@Injectable()
export class MyInterceptor implements HttpInterceptor {
  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    // 在请求头中添加自定义信息
    const modifiedRequest = request.clone({
      setHeaders: {
        'X-Custom-Header': 'Custom Value'
      }
    });

    // 发送修改后的请求到下一个拦截器或服务器
    return next.handle(modifiedRequest).pipe(
      map(response => {
        // 对响应进行转换
        const modifiedResponse = response.clone({
          body: response.body + ' (Modified)'
        });
        return modifiedResponse;
      }),
      catchError(error => {
        // 处理错误
        console.error('An error occurred:', error);
        throw error;
      })
    );
  }
}

要在应用中使用该拦截器，需要将其提供给HTTP_INTERCEPTORS令牌，并将其添加到应用的提供者中。可以在根模块的providers数组中添加以下代码：

import { HTTP_INTERCEPTORS } from '@angular/common/http';

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

这样，拦截器就会在每个HTTP请求和响应中进行拦截和处理。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云对象存储（COS）、腾讯云云数据库MySQL版、腾讯云CDN加速等。你可以在腾讯云官网上找到这些产品的详细介绍和文档。

参考链接：