尽管有标题，Firefox“跨源请求已被阻止" [英] Firefox 'Cross-Origin Request Blocked' despite headers

问题描述

我正在尝试发出一个简单的跨域请求，但 Firefox 一直因以下错误而阻止它:

I'm trying to make a simple cross-origin request, and Firefox is consistently blocking it with this error:

跨源请求被阻止:同源策略不允许读取 [url] 处的远程资源.这可以通过将资源移动到同一域或启用 CORS 来解决.[网址]

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at [url]. This can be fixed by moving the resource to the same domain or enabling CORS. [url]

它在 Chrome 和 Safari 中运行良好.

It works fine in Chrome and Safari.

据我所知，我已经在我的 PHP 上设置了所有正确的标头以允许它工作.这是我的服务器响应

As far as I can tell I've set all the correct headers on my PHP to allow this to work. Here's what my server is responding with

HTTP/1.1 200 OK
Date: Mon, 23 Jun 2014 17:15:20 GMT
Server: Apache/2.2.22 (Debian)
X-Powered-By: PHP/5.4.4-14+deb7u8
Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: GET, POST, OPTIONS
Access-Control-Allow-Headers: Content-Type
Access-Control-Request-Headers: X-Requested-With, accept, content-type
Vary: Accept-Encoding
Content-Length: 186
Content-Type: text/html

我尝试过使用 Angular、jQuery 和一个基本的 XMLHTTPRequest 对象，如下所示:

I've tried using Angular, jQuery, and a basic XMLHTTPRequest object, like so:

var data = "id=1234"
var request = new XMLHttpRequest({mozSystem: true})
request.onload = onSuccess;
request.open('GET', 'https://myurl.com' + '?' + data, true)
request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
request.send()

...它适用于除 Firefox 之外的所有浏览器.有人可以帮忙吗?

...and it works in every browser except Firefox. Can anyone help with this?

推荐答案

原来这与 CORS 无关 - 这是安全证书的问题.误导性错误 = 4 小时的头痛.

Turns out this has nothing to do with CORS- it was a problem with the security certificate. Misleading errors = 4 hours of headaches.

这篇关于尽管有标题，Firefox“跨源请求已被阻止"的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！