CORS、IIS7 和 PHP - Access-Control-Allow-Origin 错误

Question

我正在尝试允许另一个主机（本地主机，如 javascript.dev）对该主机进行 xhr，它是一个 IIS7，如果我 curl -I 它，这是标题：

HTTP/1.1 200 OK
Content-Length: 0
Content-Type: text/html; charset=UTF-8
Server: Microsoft-IIS/7.0
X-Powered-By: PHP/5.3.28
Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: GET, PUT, POST, DELETE, OPTIONS
Access-Control-Max-Age: 1000
Access-Control-Allow-Headers: *
X-Powered-By: ASP.NET
Date: Fri, 20 Jun 2014 12:09:33 GMT

这是curl -v -X OPTIONS 的标题：

* About to connect() to www2.xxxxxxxxxxxx.com.br port 80 (#0)
*   Trying 200.98.xxx.100...
* Connected to www2.xxxxxxxxxxxx.com.br (200.98.xxx.100) port 80 (#0)
> OPTIONS /jobs/xxxxxxx/user/ HTTP/1.1
> User-Agent: curl/7.30.0
> Host: www2.xxxxxxxxxxxx.com.br
> Accept: */*
> 
< HTTP/1.1 200 OK
< Allow: OPTIONS, TRACE, GET, HEAD, POST
* Server Microsoft-IIS/7.0 is not blacklisted
< Server: Microsoft-IIS/7.0
< Public: OPTIONS, TRACE, GET, HEAD, POST
< X-Powered-By: ASP.NET
< Date: Fri, 20 Jun 2014 13:01:25 GMT
< Content-Length: 0

我使用 php 更改了Access-Control-Allow-Origin，但是当我执行 xhr 时，无论是否使用 jquery，这是我得到的错误：

XMLHttpRequest cannot load http://www2.xxxxxxxx.com.br/jobs/xxxxxx/user/. 
No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'http://javascript.dev' is therefore not allowed access. 

记录，我要解决的其他步骤：

我在上面的答案中添加了代码到我的 web.config 并得到了这个错误：

XMLHttpRequest cannot load http://www2.madeinweb.com.br/jobs/eminhasaude/user. 
Request header field Content-Type is not allowed by Access-Control-Allow-Headers. 

因为Access-Control-Allow-Headers 不接受通配符*。解决：

<add name="Access-Control-Allow-Headers" value="Origin, X-Requested-With, Content-Type, Accept" />

Answer 1

根据 cmets，您在提交 OPTIONS 请求时似乎缺少 Access-Control-Allow-Origin 标头。根据this 文章，应该是一个简单的例子，将以下代码添加到您的 PHP 页面中......

<?php
header('Access-Control-Allow-Origin: *');
?>

如果这仍然不起作用，那么您应该检查 PHP 的 IIS 处理程序映射（请参阅here）并确保 OPTIONS 是允许的动词。希望这能起到作用！

This 文章还表明您可以完全跳过修改 PHP，只需将以下内容添加到您的 web.config：

<system.webServer>
  <httpProtocol>
    <customHeaders>
      <add name="Access-Control-Allow-Origin" value="*" />
      <add name="Access-Control-Allow-Headers" value="*" />
      <add name="Access-Control-Allow-Methods" value="GET, PUT, POST, DELETE, OPTIONS" />
      <add name="Access-Control-Max-Age" value="1000" />
    </customHeaders>
  </httpProtocol>
</system.webServer>

请注意，这将打开整个网站，而不仅仅是一页...