尽管有标题，但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:

Cross-原始请求被阻止：同源策略不允许在[url]读取远程资源。这可以通过将资源移动到同一域或启用CORS来解决。 [url]

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屋！