1. ホーム
  2. javascript

[解決済み] Firefoxのヘッダーにもかかわらず「Cross-Origin Request Blocked」と表示される【終了】。

2022-03-08 16:41:32

質問

簡単なクロスオリジンリクエストを行おうとしているのですが、Firefoxがこのエラーで一貫してブロックしています。

クロスオリジンリクエストがブロックされました。同一生成元ポリシーにより、[url]にあるリモートリソースの読み取りが許可されていません。これは、リソースを同じドメインに移動するか、CORSを有効にすることで修正できます。[url] にあるリモートリソースの読み取りを許可しません。

Chrome、Safariでは正常に動作しています。

私の知る限り、これが動作するように、私のPHPに正しいヘッダをすべて設定しました。以下は、私のサーバーが応答しているものです。

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オブジェクトを使って、こんな風に試してみました。

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を除くすべてのブラウザで動作します。どなたか助けていただけませんか?

解決方法は?

これはCORSとは関係なく、セキュリティ証明書の問題であることが判明しました。誤解を招くエラー=4時間の頭痛の種。