Http Request标头无法正常工作，Angular 5

Question

我正在构建Angular 5应用程序，在此我向外部服务器发出api请求。我正在尝试对一些标头进行硬编码，包括内容类型和“ x-api-key”。在邮递员中，该请求可以正常运行，因此我知道我有正确的信息。

问题是我将标题添加到请求中，当我console.log请求选项时，它将在数组中显示它们，但是在“网络”选项卡中对其进行检查时，它将仅显示标题的标题我包括（内容类型和x-api-key），而不是值本身。我收到403 /禁止的错误，因此我知道API可以识别请求，但我无权获取此信息。请参阅下文-

这是我添加标题的方式：

auth.service.ts

  createAuthorizationHeader(headers: Headers) {
    headers.append('Authorization', 'Basic ' + btoa('username:password')); 
    headers.append('x-api-key', '...');
    headers.append('Content-type', 'application/json')
 }

那我叫api-

 logInUser(signInData: { username: string, password: string }): Observable<Response> {
  let headers2 = new Headers();
  this.createAuthorizationHeader(headers2);
  return this.authService.post('http://api_url.com', signInData,{
  headers: headers2
})

当我console.log时，请求选项：

我该如何重组事物，以便在请求中识别标头的完整值？任何信息都会有所帮助！谢谢你

p.s。我以前使用的是Rails API，因此要进行连接，我将使用Angular2Token模块和“ cors” gem发出请求，因此我尝试从中过渡过来。