发送标头中的apikey,angular4

发送标头中的apikey,angular4,angular,Angular,我有一个API REST,它需要标头中的apikey进行验证,我正在使用angular 4进行查询,但是apikey没有在标头中发送 如果我与邮递员一起进行查询,它将毫无问题地工作。我被困在这一点上,我感谢你的帮助,朋友们 我需要在请求的标题中发送类似的“apikey” 这是我的代码: import { Component } from '@angular/core' import { OnInit } from '@angular/core'; import { HttpClient, Ht

我有一个API REST,它需要标头中的apikey进行验证,我正在使用angular 4进行查询,但是apikey没有在标头中发送

如果我与邮递员一起进行查询,它将毫无问题地工作。我被困在这一点上,我感谢你的帮助,朋友们

我需要在请求的标题中发送类似的“apikey”

这是我的代码:

import { Component } from '@angular/core'
import { OnInit } from '@angular/core';
import { HttpClient, HttpErrorResponse, HttpHeaders } from '@angular/common/http'
import 'rxjs/add/operator/map'

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  private apiURL = 'http://192.168.1.53/joinn-api/v1'
  data: any = {}

  constructor(private http: HttpClient){
    this.getData()
    this.getEvents()

  }

  getData(){
    let headers = new HttpHeaders()
    headers = headers.set('apikey','!eqBwMfoWmEOWRoxxxxxxxK')
    return this.http.get(this.apiURL + '/event', {headers: headers})
      .map((res: Response) => res.json())
  }

  getEvents(){
    this.getData().subscribe(data => {
      console.log(data)
    })

  }
大概是这样的:

const headers=新的HttpHeaders({
“键1”:“值1”,
“键2”:“值2”,
//其余的。。
});

它与Postman一起工作可能是因为您在表单中手动添加了它

编辑: 请注意,URL中的
apiKey
token
是不同的,以防您混淆它们。

类似这样的内容:

const headers=新的HttpHeaders({
“键1”:“值1”,
“键2”:“值2”,
//其余的。。
});

它与Postman一起工作可能是因为您在表单中手动添加了它

编辑:
请注意,URL中的
apiKey
token
是不同的-以防您混淆它们。

只需使用标题。append('apiKey','your-api-key');您没有将API键放入标题中,因此不清楚为什么会出现这种情况。很抱歉,我更新了我的问题仅使用标题。append('apikey','your-API-key');您没有将API密钥放入标题中,因此不清楚为什么会出现这种情况。对不起,我更新了我的问题