在HTTP拦截器中设置自定义头以及URL更改

当我尝试添加自定义头和URL更改(基于环境)时,我的自定义头不会作为请求头的一部分附加。

下面是我的HTTP拦截器代码(角度5):

import { Injectable } from '@angular/core';
        import {
          HttpRequest,
          HttpHandler,
          HttpEvent,
          HttpInterceptor
        } from '@angular/common/http';
        import { AuthService } from './auth/auth.service';
        import { Observable } from 'rxjs/Observable';
        @Injectable()
        export class TokenInterceptor implements HttpInterceptor {
          constructor(public auth: AuthService) {}
          intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
             let url = this.environment.api + request.url;
            request = request.clone({
              url: url,
              setHeaders: {
                Authorization: Bearer ${this.auth.getToken()}
              }
            });
            return next.handle(request);
          }
        }

在上面的代码中,如果删除请求克隆的URL,我就可以将自定义头作为请求头的一部分。如果我在 request.clone 方法,我的自定义头不再添加到请求头。它增加了 访问控制请求头:授权 . 有人能帮我吗?

编辑 我们是否需要在服务器端执行任何操作来公开此自定义头。如果它位于同一源服务器端,则如果它位于不同的源服务器端,则它不会进行附加