使用 Angular 5 发送自定义标头

Auy*_*yer 4 javascript http http-headers typescript angular5

我正在尝试从前端应用程序发送自定义 HTTP 标头,以便它与网关进行交互。这是我的角函数:

import {Http, Headers, Response, RequestOptions } from ‘@angular/http’;
getXById(id :number){
    let options = nee RequestOptions({ headers : new Headers({“X-fastgate-resource” :”resource_name}) });
    return this.http.get( http://url + “/resource”, options)
Run Code Online (Sandbox Code Playgroud)

我希望看到一个标题,“X-fastgate-resource”作为键,“resource_name”作为值。我得到的是这样的:

Request Headers:
   OPTIONS http://url HTTP/1.1
   host...
   Access-Control-Request-Headers: x-fastgate-resource 
Run Code Online (Sandbox Code Playgroud)

ngC*_*nya 6

你可以试试下面的方法。

let headers = new HttpHeaders();
headers.append('X-fastgate-resource', 'Example');
let options = { headers: headers };
let apiUrl: string = 'http://url';

this.http.get(apiUrl, options);
Run Code Online (Sandbox Code Playgroud)

希望这可以帮助