在角度js中添加标头时，HTTP GET请求更改为OPTIONS

Question

以下是我目前使用的请求

$http.get(url)
    .success(function (data){})
    .error(function (data){})

没有任何CORS问题。 我的服务器端允许所有来源，方法，所有标题

当我添加http标头时

$http.get(url, { headers: { "USERID": user,  "SESSIONID": sessionId}})

当我在chrome dev工具网络选项卡中看到时，请求会更改为OPTIONS方法

这是什么原因？ 如果它是预期的，那么如何添加自定义http标头。

我已经通过这个链接angularjs-perform-an-options-http-request-for-a-cross-origin-resource但它没有帮助

在这里，我期待服务器应该允许不同的起源 。 但它允许标题，只有我在同一台服务器。 但不确定这是通过角度还是服务器端。

标题后

$ http.get（url，{headers：{“USERID”：user，“SESSIONID”：sessionId}}）

在我看到的chrome dev工具中

Request Method:OPTIONS
Status Code:404 Not Found

但没有标题

Request Method:GET
Status Code:200 OK

当我在REST Client中执行此操作时，我可以将标头发送到后端。

Answer 1

$http({method: 'GET', url: '/someUrl', headers: { "USERID": user,  "SESSIONID": sessionId}}).
success(function(data, status, headers, config) {
  // this callback will be called asynchronously
  // when the response is available
}).
error(function(data, status, headers, config) {
  // called asynchronously if an error occurs
  // or server returns response with an error status.
});

将工作。 $ http.get是一种快捷方法。 检查文档中的config

Answer 2

这是一个已知的错误，请参阅https://github.com/angular/angular.js/issues/1585 。

解决方法是使用jQuery请求。

Answer 3

当我尝试在我的get中传递header时，我遇到了同样的大问题，在那里它改变了选项并且不起作用。 为了使它工作，我在我的php api中添加了以下内容

<?php if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') {  
  if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_METHOD']) && $_SERVER['HTTP_ACCESS_CONTROL_REQUEST_METHOD'] == 'GET') {    
    header("Access-Control-Allow-Headers: Authorization, X-Auth-Token");    
  }
  exit;
} ?>

您可以允许您希望传递的任何标头。 希望这可以帮助

Answer 4

对于我的C＃Web API解决方案的特殊问题，我必须处理Options请求。 Angular正在发送一个预检请求方法OPTIONS，我在web.config中允许这个方法

  <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS, PATCH" />

但这还不够，我还包括一个处理选项请求的方法，但我没有返回任何内容

[ResponseType( typeof( void ) )]
public IHttpActionResult OptionsPost() {
  return StatusCode( HttpStatusCode.NoContent );
}