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，但与访问控制请求的选项。

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

但我预计在头

X-TOKEN: 123 

所以，什么是错的附加线HTTP-GET？

Answer 1

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