如何在 Angular API 请求的标头中传递 x-api-key？ [复制]

我正在尝试发送x-api-keyheaders中的header如下图

服务.ts

import { Injectable } from '@angular/core';
import { Http, Headers, RequestOptions, Response } from '@angular/http';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';

@Injectable()
export class InsuranceServiceService {

  public token: string;
  constructor(private http: Http) {
    const currentUser = JSON.parse(localStorage.getItem('currentUser'));
    this.token = currentUser && currentUser.token;
   }

  createAuthorizationHeader(headers: Headers) {
    headers.append('Content-Type', 'application/json');
    headers.append('x-api-key', `xxxxxxxxxxxxxxxxxxxx`);
  }

  sendOTP(data: object): Observable<Object[]> {
    const header = new Headers();
    this.createAuthorizationHeader(header);
    return this.http.post('http://my-omain.com/', data, 
    {
      headers: header
    })
    .map((response: Response) => response.json());
  }

}

但是，我收到以下错误：

预检响应中的 Access-Control-Allow-Headers 不允许请求标头字段 x-api-key。

如何解决这个问题？有没有其他方法可以通过x-api-key?

这是服务器端问题，您必须配置服务器以允许所需的标头，搜索“CORS允许标头”