Firefox和Chrome的CORS错误

Question

我在代码中遇到有关CORS错误的问题，我运行的.js文件给chrome和firefox提供了错误，但在IE上却没有。 建议我向其添加响应标头，但我很困惑在何处添加它。请帮助

xhr.open(method, url, true);

我尝试添加xhr.setRequestHeader（“ Access-Control-Allow-Origin：*”）; 对此，它将起作用吗？

Answer 1

不要在客户端代码中添加xhr.setRequestHeader（“ Access-Control-Allow-Origin：*”）。

要允许跨域请求，服务器仅需要将Access-Control-Allow-Origin标头添加到响应中。

Access-Control-Allow-Origin的值应该是要允许的请求的域名，或者如果允许任何源，则简单地*。

访问控制允许来源： http : //domain1.com或

访问控制允许来源：*

如果要调用Web API方法，请参考以下经过测试的代码及其在其余API上的工作。

客户端代码Ajax调用：

 function CallAjax() { var xhr = new XMLHttpRequest(); xhr.open("GET", "http://localhost:54118/api/values", true); xhr.onload = function () { console.log(xhr.responseText); alert("sucuess"); }; xhr.send(); } 

服务器端更改：

在Web API项目中，您必须在Web.config文件中添加以下配置。 在system.webServer部分下，添加以下内容

  <httpProtocol> <customHeaders> <add name="Access-Control-Allow-Origin" value="*"/> </customHeaders> </httpProtocol> 

这将允许任何域访问资源。

希望这会有所帮助:)