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。

我该如何解决这个问题?

当前回答

我会给你一个简单的解决方法。就我而言，我没有访问服务器的权限。在这种情况下，您可以更改您的谷歌Chrome浏览器的安全策略，以允许访问控制-允许起源。这很简单:

创建Chrome浏览器快捷方式右键单击快捷方式图标->属性->快捷方式->目标

简单的粘贴到“C:\Program Files\谷歌\Chrome\Application\ Chrome .exe”——allow-file-access-from-files——disable-web-security。

位置可能不同。现在通过点击快捷方式打开Chrome。

其他回答

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

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

如果你正在使用Apache，只需添加:

<ifModule mod_headers.c>
    Header set Access-Control-Allow-Origin: *
</ifModule>

在构型中。这将导致来自您的web服务器的所有响应都可以从互联网上的任何其他站点访问。如果你打算只允许你的主机上的服务被特定的服务器使用，你可以用原始服务器的URL替换*:

Header set Access-Control-Allow-Origin: http://my.origin.host

如果你在Angular.js中得到这个，那么确保你像这样转义你的端口号:

var Project = $resource(
    'http://localhost\\:5648/api/...', {'a':'b'}, {
        update: { method: 'PUT' }
    }
);

更多信息请看这里。

你可以在不修改服务器的情况下让浏览器在HTTP OPTIONS的响应中包含Access-Control-Allow-Origin: *。

在Chrome中，使用这个扩展。如果你在Mozilla上检查这个答案。

在Ruby on Rails中，你可以在控制器中执行以下操作:

headers['Access-Control-Allow-Origin'] = '*'

推荐文章