File:// URL からの「Origin null は Access-Control-Allow-Origin では許可されていません」エラーを修正する方法?

File:// URL からのリクエストに対する「Origin null は Access-Control-Allow-Origin では許可されていません」エラーを解決する

ブラウザがファイルからのクロスオリジンリクエストを制限すると、「Origin null is not allowed by Access-Control-Allow-Origin」というエラーが発生しますローカルに保存されます (file:// URL)。このシナリオでは、jQuery の AJAX を介して Panoramio から画像にアクセスすることが妨げられます。

この問題を解決するには、次の点を考慮してください。

1. JSONP リクエスト タイプを確認してください:

JSONP (JavaScript Object Notation with Padding) の正しいリクエスト タイプを使用していることを確認してください。 jQuery の $.get メソッドのデフォルトは「json」ですが、JSONP の場合は「jsonp」にする必要があります。これは 2 つの方法で実現できます。

• $.get.
• Add callback=? の代わりに $.getJSON を使用します。 $.get を使用するときに URL に追加します。これにより、jQuery が JSONP を使用するようにトリガーされます。

$.getJSON を使用した例:

$.getJSON(url, function (data) { ... });

例callback=? で $.get を使用するURL:

$.get(url + "&callback=?", function (data) { ... });

2. CORS (クロスオリジン リソース共有) のトラブルシューティングのヒント:

• クロスオリジン リクエストが有効なソース (例: file:/ ではなく http://) から行われていることを確認します。 /).
• ブラウザの CORS サポートを確認します。 Internet Explorer と Opera の CORS サポートは限定的です。

注: file:// URL から CORS リクエストを試行すると、ブラウザは Origin ヘッダーを送信できない場合があり、その結果、

これらの提案に従うことで、「オリジン null は許可されていません」というエラーを効果的に解決できます。 file:// URL からリクエストを行うと、「Access-Control-Allow-Origin」エラーが発生します。

以上がFile:// URL からの「Origin null は Access-Control-Allow-Origin では許可されていません」エラーを修正する方法?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。