Access-Control-Allow-Origin不允许Origin

我在做一个Ajax。请求一个远程PHP服务器在Sencha Touch 2应用程序(包装在PhoneGap)。

服务器的响应如下:

XMLHttpRequest无法加载http://nqatalog.negroesquisso.pt/login.php。Access-Control-Allow-Origin不允许Origin http://localhost:8888。

我该如何解决这个问题?

当前回答

这是因为同源政策。详见Mozilla开发者网络或维基百科。

基本上，在您的示例中，您只需要从ncatalogg .negroesquisso.pt加载http://nqatalog.negroesquisso.pt/login.php页面，而不是从localhost加载。

其他回答

在使用各种api时，我遇到过几次这种情况。通常一个快速的解决方法是在字符串的末尾添加“&callback=?”有时&号必须是字符代码，有时是“?””:“回调= ?”(见预测。jQuery的API使用方法

如果你正在编写一个Chrome扩展并得到这个错误，那么请确保你已经将API的基本URL添加到你的清单中。Json的权限块，例如:

"permissions": [
    "https://itunes.apple.com/"
]

当您收到请求时，您可以

var origin = (req.headers.origin || "*");

而当你不得不这样回答的时候:

res.writeHead(
    206,
    {
        'Access-Control-Allow-Credentials': true,
        'Access-Control-Allow-Origin': origin,
    }
);

我们也有同样的问题，phonegap应用程序在chrome测试。在打开Chrome之前，我们每天使用下面的批处理文件。记住在运行这个之前，你需要从任务管理器中清除所有的chrome实例，或者你可以选择chrome不运行在后台。

BATCH:(使用cmd)

cd D:\Program Files (x86)\Google\Chrome\Application\chrome.exe --disable-web-security

如果你在apache下，只需添加一个。htaccess文件到你的目录，内容如下:

Header set Access-Control-Allow-Origin: *

Header set Access-Control-Allow-Headers: content-type

Header set Access-Control-Allow-Methods: *

推荐文章