拦截器中的角度自定义标头

时间:2020-07-30 18:58:58

标签: angular typescript http-headers angular-http-interceptors

我正在使用一个带有请求拦截器的Angular 9应用程序,该应用程序应该向服务器发送发出请求的UI版本。

因为请求需要该数据,所以我将其添加到了拦截器中。问题在于它似乎无法正常工作。

这是我的拦截器代码:

@Injectable()
export class VersionInterceptor implements HttpInterceptor {

  constructor() {}

  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    const version = request.clone({ setHeaders: { 'App-version':  environment.UIversion } });
    return next.handle(version);
  }
}

并且可能在app.module提供程序中

providers: [
    { provide: Http, useClass: AuthenticatedHttpService },
    { provide: HTTP_INTERCEPTORS, useClass: ErrorHttpInterceptor, multi: true },
    { provide: HTTP_INTERCEPTORS, useClass: VersionInterceptor, multi: true },
    { provide: APP_BASE_HREF, useValue: environment.baseurl },
]

但是我的请求没有标题“ App-version”

enter image description here

只有一个请求有此请求,但失败(但是,如果我删除拦截器,此请求会正常工作)

enter image description here

是否有在标头中发送我的ui版本的标准? 如果没有,是否可以添加自定义标头名称以将我的ui版本发送到服务器?

非常感谢您

0 个答案:

没有答案