访问控制允许方法不允许删除答案

【问题标题】：DELETE is not allowed by Access-Control-Allow-Methods访问控制允许方法不允许删除
【发布时间】：2015-05-13 11:24:49
【问题描述】：

我正在尝试使用 jQuery 从 Chrome 发送跨域 DELETE 请求。

但是，在开发者控制台中记录以下错误消息失败：

XMLHttpRequest 无法加载 http://actual/url/here。 Access-Control-Allow-Methods 不允许使用 DELETE 方法。

javascript 代码在 localhost 上运行，如下所示：

$.ajax({
    type: "DELETE",
    url: "http://actual/url/here",
    xhrFields: {
        withCredentials: true
    }
});

这会导致发送这样的飞行前请求：

OPTIONS http://actual/url/here HTTP/1.1
Host: actual
Connection: keep-alive
Access-Control-Request-Method: DELETE
Origin: null
User-Agent: Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/40.0.2214.115 Safari/537.36
Access-Control-Request-Headers: accept
Accept: */*
Accept-Encoding: gzip, deflate, sdch
Accept-Language: en-US,en;q=0.8

响应如下所示：

HTTP/1.1 200 OK
Cache-Control: must-revalidate, private
Content-Length: 0
Server: Microsoft-HTTPAPI/2.0
Access-Control-Allow-Methods: DELETE GET HEAD POST PUT OPTIONS TRACE
Access-Control-Allow-Headers: accept
Access-Control-Max-Age: 900
Access-Control-Allow-Origin: null
Access-Control-Allow-Credentials: true
Date: Wed, 11 Mar 2015 15:03:46 GMT

据我所知，这很好。客户端通过发送Access-Control-Request-Method: DELETE 来检查DELETE 是否被允许，服务器通过回复Access-Control-Allow-Methods: DELETE GET HEAD POST PUT OPTIONS TRACE 表示允许。

但是，从未发送过任何DELETE 请求，而是报告了错误消息（如上）。 为什么？

【问题讨论】：

可能你还没有处理服务器上其他动词不正确的 OPTIONS 先决条件：stackoverflow.com/questions/20144847/…

标签： javascript jquery google-chrome http cors

【解决方案1】：

Access-Control-Allow-Methods 的值需要是逗号分隔的列表，而不是空格分隔的列表。

来自MDN：

Access-Control-Allow-Methods: <method>[, <method>]*

【讨论】：

w3.org/TR/cors/#access-control-allow-methods-response-header 表示语法是"Access-Control-Allow-Methods" ":" #Method。 # 是否告诉我们用逗号分隔标记？
“定义了一个构造“#”，类似于“*”，用于定义元素列表。完整形式是“#element”，至少表示和最多个元素，每个元素由一个或多个逗号 (",") 和可选线性空格 (LWS) 分隔。 — tools.ietf.org/html/rfc2616#section-2.1
优秀。非常感谢！

【解决方案2】：

在我的情况下，配置工作正常。希望这会对某人有所帮助。将此添加到部分下的 Web API“web.config”。我忘了我是从哪里得到这些信息的。

<modules>
  <remove name="WebDAVModule" />
</modules>
 <httpProtocol>
  <customHeaders>
    <add name="X-Frame-Options" value="DENY" />
    <add name="Access-Control-Allow-Methods" value="*" />
    <add name="Access-Control-Allow-Headers" value="*" />
  </customHeaders>
</httpProtocol>
<handlers>
  <remove name="ExtensionlessUrlHandler-Integrated-4.0" />
  <remove name="OPTIONSVerbHandler" />
  <remove name="TRACEVerbHandler" />
  <remove name="WebDAV" />
  <add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="*" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />
</handlers>

【讨论】：