Angular拦截器未在请求中添加自定义参数

Angular拦截器是Angular框架中的一个重要特性，用于在HTTP请求和响应之间进行拦截和处理。拦截器可以用来添加、修改或删除请求和响应的头部信息、参数、URL等内容，以实现一些通用的功能和逻辑。

在Angular中，我们可以通过创建一个实现了HttpInterceptor接口的拦截器类来实现自定义参数的添加。具体步骤如下：

创建一个新的拦截器类，可以命名为CustomInterceptor。
在拦截器类中实现HttpInterceptor接口，并重写intercept方法。
在intercept方法中，可以获取到请求对象，并对其进行修改或添加自定义参数。
最后，将拦截器类添加到Angular的拦截器链中。

以下是一个示例的拦截器类代码：

import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http';

@Injectable()
export class CustomInterceptor implements HttpInterceptor {
  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    // 在请求中添加自定义参数
    const modifiedReq = req.clone({
      setParams: {
        customParam: 'value'
      }
    });

    // 继续处理修改后的请求
    return next.handle(modifiedReq);
  }
}

要将拦截器类添加到拦截器链中，需要在Angular的模块文件中进行配置。假设我们要将拦截器应用到所有的HTTP请求中，可以在app.module.ts文件中进行如下配置：

import { NgModule } from '@angular/core';
import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
import { CustomInterceptor } from './custom-interceptor';

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

这样，拦截器就会在每个HTTP请求中自动添加自定义参数。

关于Angular拦截器的更多信息，可以参考腾讯云的相关文档和示例代码：