XMLHttpRequest エラーが発生するのはなぜですか: 「「Access-Control-Allow-Origin」ヘッダーが存在しません」

XMLHttpRequest エラー: 'Access-Control-Allow-Origin' ヘッダーが存在しません

このプロジェクトでは、XML ファイルは www でホストされています通貨換算には .ecb.europa.eu が参照されます。ただし、同一オリジン ポリシーが原因でエラーが発生します。

同一オリジン ポリシーでは、クロスドメイン リクエストが禁止されています。この場合、HTML ページは XML ファイル (ecb.europa.eu) とは異なるドメイン (例: run.jsbin.com) にあります。したがって、リクエストは Cross-Origin Resource Sharing (CORS) リクエスト とみなされます。

CORS 通信

CORS を有効にするには、サーバーが応答します。リクエストには、「Access-Control-Allow-Origin」などの特定のヘッダーを含める必要があります。

• ブラウザは、HTML ページのドメインを示す「Origin」ヘッダーを含むリクエストを送信します。
• サーバーがオリジンと一致する「Access-Control-Allow-Origin」ヘッダーで応答した場合、リクエストは許可されます。それ以外の場合、リクエストはブロックされます。

エラーの修正

この問題を解決するには、XML ファイル サーバーを「Access- Control-Allow-Origin' ヘッダーを応答に追加します。このヘッダーは、同じオリジン (例: 「Access-Control-Allow-Origin: http://run.jsbin.com」) に設定することも、「*」を設定して任意のオリジンからのアクセスを許可することもできます。サーバー側の構成は不可能ですが、ミラー プロキシを使用してリクエストをインターセプトし、実際のサーバーに転送する前に必要なヘッダーを追加できます。

以上がXMLHttpRequest エラーが発生するのはなぜですか: 「「Access-Control-Allow-Origin」ヘッダーが存在しません」の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。