在标题中发送apikey,angular4

时间:2017-11-22 17:41:50

标签: angular

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

如果我使用PostMan进行查询,它可以正常工作。我被困在这一点上,感谢你的帮助朋友。

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

enter image description here

这是我的代码:

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)
    })

  }

1 个答案:

答案 0 :(得分:0)

类似的东西:

const headers = new HttpHeaders({ 'key1': 'value1', 'key2': 'value2', // the rest .. });

它适用于Postman,可能是因为你在表单中手动添加它。

编辑: 请注意,网址中的apiKeytoken是不同的 - 如果您混淆了它们。