Angular：使用自定义HTTP标头条目

Question

我尝试使用Angular HttpClient设置自定义HTTP标头。

this.http.get ("http://localhost/test", {responseType: "json"});

产生HTTP-GET（我的预期）。

如果我尝试设置自定义标题条目X-TOKEN，那么

this.http.get ("http://localhost/test", {headers: new HttpHeaders().set('X-TOKEN',"123"), responseType: "json"});

它不再是GET，而是具有Access-Control-Request的OPTION。

OPTIONS /test HTTP/1.1
Host: localhost
Access-Control-Request-Method: GET
Access-Control-Request-Headers: x-token

但是我期望在标题

中添加一行HTTP-GET

X-TOKEN: 123

那么什么错？

Answer 1

使用新的X-TOKEN选项它失败了所以它不允许get运行。您需要将X-TOKEN添加到服务器端的ACCESS-CONTROL-ALLOW-HEADERS（请参阅more）。