適切なヘッダーを使用してサーバー (nginx/node.js) を設定したにもかかわらず、この CORS の問題が残っています。
Chrome のネットワーク パネル -> 応答ヘッダーで確認できます:
Access-Control-Allow-Origin:http://localhost
これでうまくいくはずです。
以下は私が現在テストに使用しているコードです:
var xhr = new XMLHttpRequest();
xhr.onload = function() {
console.log('xhr loaded');
};
xhr.open('GET', 'http://stackoverflow.com/');
xhr.send();
私は
XMLHttpRequest を読み込めませんhttp://stackoverflow.com/。 起源http://ローカルホストAccess-Control-Allow-Origin によって許可されていません。
これはサーバー構成ではなく、クライアント スクリプトの問題であると思われます...
ベストアンサー1
クロムCORSリクエストのlocalhostをサポートしていません(2010 年に公開されたバグで、2014 年に WontFix とマークされました)。
この問題を回避するには、次のようなドメインlocalho.st
(localhost と同様に 127.0.0.1 を指す) を使用するか、--disable-web-security
フラグを使用して Chrome を起動します (テストのみの場合)。