无法在Angular 5上设置HTTP授权标头？

Question

我正在使用@ angular / http @ 5.2.6，尝试发送带有Authorization标头的GET http请求，但是在服务器端，我无法访问Authorization标头。

我使用chrome调试GET http标头，发现在访问控制请求标头上设置了授权，如下所示，这就是服务器端无法获得授权标头的原因。

这是我的角度代码，但我看不出为什么是错误的。有人可以发现问题吗？

import { HttpClient, HttpHeaders, HttpErrorResponse } from '@angular/common/http';

  constructor(private http: HttpClient) { }

  // 获取TOKEN
  getToken() {
    if (localStorage.getItem('auth_token')) {
      console.log(localStorage.getItem('auth_token'),'getToken');
      this.headers = new HttpHeaders({
              'Content-Type': ' application/json',
              'Authorization': 'bearer ' + localStorage.getItem('auth_token')
           });

      console.log('getToken',this.headers);
    }
  }

  get(url?: string) {
    this.getToken();
    return this.http.get(url, { headers : this.headers } ).pipe(catchError(e => this.handleError.bind(this)));
  }