我在做一个Ajax。请求一个远程PHP服务器在Sencha Touch 2应用程序(包装在PhoneGap)。
服务器的响应如下:
XMLHttpRequest无法加载http://nqatalog.negroesquisso.pt/login.php。Access-Control-Allow-Origin不允许Origin http://localhost:8888。
我该如何解决这个问题?
当前回答
你可以在不修改服务器的情况下让浏览器在HTTP OPTIONS的响应中包含Access-Control-Allow-Origin: *。
在Chrome中，使用这个扩展。如果你在Mozilla上检查这个答案。
其他回答
如果你正在使用Apache，只需添加:
<ifModule mod_headers.c>
Header set Access-Control-Allow-Origin: *
</ifModule>
在构型中。这将导致来自您的web服务器的所有响应都可以从互联网上的任何其他站点访问。如果你打算只允许你的主机上的服务被特定的服务器使用，你可以用原始服务器的URL替换*:
Header set Access-Control-Allow-Origin: http://my.origin.host
如果你不能控制服务器，你可以简单地在Chrome启动器中添加这个参数:——disable-web-security。
注意，我不会将它用于正常的“网上冲浪”。参考:在Chrome中禁用同源策略。
如果你使用Phonegap来构建应用并将其加载到设备上，这就不是问题了。
如果你有ASP。Net / asp。NET MVC应用程序，您可以通过Web包含此头文件。配置文件:
<system.webServer>
...
<httpProtocol>
<customHeaders>
<!-- Enable Cross Domain AJAX calls -->
<remove name="Access-Control-Allow-Origin" />
<add name="Access-Control-Allow-Origin" value="*" />
</customHeaders>
</httpProtocol>
</system.webServer>
当您收到请求时，您可以
var origin = (req.headers.origin || "*");
而当你不得不这样回答的时候:
res.writeHead(
206,
{
'Access-Control-Allow-Credentials': true,
'Access-Control-Allow-Origin': origin,
}
);
在使用各种api时，我遇到过几次这种情况。通常一个快速的解决方法是在字符串的末尾添加“&callback=?”有时&号必须是字符代码，有时是“?””:“回调= ?”(见预测。jQuery的API使用方法
