只能在 angular2 应用程序中设置 HTTP_ACCESS_CONTROL_REQUEST_HEADERS 标头答案

【问题标题】：Can set only HTTP_ACCESS_CONTROL_REQUEST_HEADERS header in angular2 app只能在 angular2 应用程序中设置 HTTP_ACCESS_CONTROL_REQUEST_HEADERS 标头
【发布时间】：2017-04-13 08:55:14
【问题描述】：

我在前端设置标题时遇到了一些问题。基础数据：前端（angular2），后端（sinatra）。我想使用身份验证密钥向后端发送请求。我知道后端的 Access-Control-Allow-Origin 标头，因为我使用跨域请求。我使用sinatra-cross_origin gem。发送代码：

   const headers = new Headers({'Authorization': 'key'});
   return this.http.get("http://0.0.0.0:9292/api/products", {headers: headers})
  .map(this.extractData)
  .catch(this.handleError);

但是当我在后端看到请求标头时 - 我看到了

'HTTP_ACCESS_CONTROL_REQUEST_HEADERS' => authorization

如何设置自定义标题？哪里出错了？

我尝试发送 JWT 密钥，并像在教程中一样创建服务器端 https://devblast.com/b/cors-with-angular-js-and-sinatra 如果我从 Postman 发送请求 - 一切正常。

【问题讨论】：

标签： angular request

【解决方案1】：

我认为您需要在 WEB API 中启用“HTTP_ACCESS_CONTROL_REQUEST_HEADERS”，请参见下面的代码

 app.UseCors(builder => builder.AllowAnyOrigin().AllowAnyMethod().AllowAnyHeader());

【讨论】：

Th'x tor 回答，但我认为，前端有问题。如果我向邮递员发送请求 - 好的。我添加了有关问题的更多数据。