如何在每个 HTTP api 调用中设置不同类型的 headers？

Question

我们在不同的机器上有不同类型的微服务运行，我想连接到它们。但是由于所有微服务都有自己的 headers 我需要在我的 Angular 应用程序中相应地传递它们。

我写了一个拦截器来拦截和附加 headers 并将请求发送到服务器，如下所示

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

export class JwtInterceptor implements HttpInterceptor {

    intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
            req = req.clone({
                setHeaders: {
                    Authorization: `Bearer ${----token-----}`,
                    'api-version': '1.0.0'
                }
            });

            return next.handle(req);
    }

}

但我想根据我想连接的微服务类型分别设置 headers。

处理此问题的最佳方法是什么？

Answer 1

在非常通用的层面上，我们按照@riorudo 在他的评论中建议的内容做了一些事情。

我们在概念上设置了一个配置对象数组，如下所示：

[
  {  method: 'GET', urlToIntercept: '/something'},
  {  method: 'POST', urlToIntercept: '/somethingElse' }
  // etc.. etc...
]

您可以将其硬编码为拦截器中的配置或将其作为服务传入。

拦截器代码可以执行以下操作：

if (interceptableMethodList.find(element => request.urlToIntercept.includes(element.url) && request.method.toLowerCase() === element.method)) {
   // add header
}

如何在每个 HTTP api 调用中设置不同类型的 headers？

How to set different type of headers in every HTTP api call?

angular

angular-httpclient

angular-http-interceptors