关于angularjs：请求的资源不支持http方法’OPTIONS’。

The requested resource does not support http method 'OPTIONS'.?

我从angular.js客户端向asp.net web api PUT方法发出以下请求：

1
2
3
4
5
6
7
8

var org = {
OrgId: 111,
name: 'testing testing'
};
$http.put("http://localhost:54822/api/data/putorganisation/1/", org).then(function(status) {
console.log("success PUT");
return status.data;
});

但是获得以下errormsg(在fiddler中)：

1	{"message":"The requested resource does not support http method 'OPTIONS'."}

这是我的asp.net web api web.config文件的一部分：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<system.webServer>
<httpProtocol>
<customHeaders>

</customHeaders>
</httpProtocol>
<validation validateIntegratedModeConfiguration="false" />
<handlers>
<remove name="ExtensionlessUrlHandler-Integrated-4.0" />
<remove name="OPTIONSVerbHandler" />
<remove name="TRACEVerbHandler" />

<remove name="WebDAV" />
</handlers>
<modules runAllManagedModulesForAllRequests="true">
<remove name="WebDAVModule" />
</modules>
</system.webServer>

数据控制器web api：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

public HttpResponseMessage Options()
{
var response = new HttpResponseMessage();
response.StatusCode = HttpStatusCode.OK;
return response;
}

public HttpResponseMessage PutOrganisation(int id, [FromBody]Organisation org)
{
var opStatus = _Repository.UpdateOrganisation(org);
if (opStatus.Status)
{
return Request.CreateResponse<Organisation>(HttpStatusCode.Accepted, org);
}

return Request.CreateErrorResponse(HttpStatusCode.NotModified, opStatus.ExceptionMessage);
}

这是我的问题：为什么我在fiddler(工程)中使用与angularclient(不起作用)完全相同的请求时得到errormsg(见上文)？

我知道这是一个老问题，但我遇到了同样的问题，并认为我可以帮助其他人试图找出答案。

我通过删除Web.config中的2个处理程序配置解决了这个问题：

1
2
3
4
5
6

我不知道为什么它解决了这个问题，但我的工作原理是默认情况下禁止OPTIONS请求。当通过angular发送请求时，它首先在PUT请求之前发送OPTIONS请求，因此它永远不会到达PUT请求，因为第一个OPTIONS请求被拒绝作为api上的无效http方法。

在fiddler中，我假设它只发送PUT请求(我使用Postman Web应用程序手动发送请求时观察到相同的行为)。因此它会跳过禁止的OPTIONS请求并成功。

相关讨论

我也遇到了同样的问题，经过一些研究，我对web.config和Global.asax.cs文件进行了以下更改

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

添加以下代码global.ascx.cs

1
2
3
4
5
6
7
8
9
10

protected void Application_BeginRequest()
{
if (HttpContext.Current.Request.HttpMethod =="OPTIONS")
{
HttpContext.Current.Response.AddHeader("Access-Control-Allow-Methods","GET, POST, PUT, PATCH, DELETE, OPTIONS");
HttpContext.Current.Response.AddHeader("Access-Control-Allow-Headers","Origin, X-Requested-With, Content-Type, Accept");
HttpContext.Current.Response.AddHeader("Access-Control-Max-Age","1728000");
HttpContext.Current.Response.End();
}
}