「「Access-Control-Allow-Origin」ヘッダーがありません」エラーを修正する方法は?

CORS ポリシーのブロックの解決: 「'Access-Control-Allow-Origin' ヘッダーがありません」エラー

Web 開発で、クロスオリジン リクエストを作成しようとすると、要求元のページとは異なるオリジンを持つ URL からデータを取得する場合など、「リダイレクトは CORS によってブロックされました」という一般的なエラー メッセージが表示されます。ポリシー: 要求されたリソースに「Access-Control-Allow-Origin」ヘッダーが存在しません。」このエラーは、ユーザーのプライバシーを保護するために未承認のリクエストを制限する CORS (Cross-Origin Resource Sharing) セキュリティ ポリシーが原因で発生します。

この問題を解決するには、いくつかの方法を検討できます。

まず、取得しようとしている URL を担当するサーバー管理者に連絡します。管理者は、必要な「Access-Control-Allow-Origin」ヘッダーを応答に含めるようにサーバーを構成し、特定のオリジンからのリクエストを許可できます。ただし、これは、特にローカル開発中は常に実現可能であるとは限りません。

別の解決策は、リクエストの送信元を変更する Chrome プラグインを利用することです。この目的を果たすプラグインは次の 2 つです:

• Moesif Origin & CORS Changer
• Allow CORS: Access-Control-Allow-Origin

これらのプラグインのいずれかをインストールすると、一時的にローカルサーバーからターゲット URL へのクロスオリジンリクエストを許可します。このアプローチにより CORS 制限を回避できますが、これは主に一時的な解決策であることを覚えておくことが重要です。アプリケーションを運用環境にデプロイする場合、CORS リクエストを処理できるようにサーバーを正しく構成する必要があります。

以上が「「Access-Control-Allow-Origin」ヘッダーがありません」エラーを修正する方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。