REST API にアクセスする際のクロスオリジンリクエストの問題を解決するにはどうすればよいですか?

REST API でのクロスオリジン リクエストの問題

REST API からデータを取得しようとすると、次のエラー メッセージが表示されました。要求されたリソースに「Access-Control-Allow-Origin」ヘッダーが存在しない。この問題は通常、Cross-Origin Resource Sharing (CORS) に関連しています。

解決策

1. CORS プロキシ

サーバーの介入なしで CORS の問題を回避するには、CORS プロキシを利用できます。リクエスト URL にプロキシ URL をプレフィックスとして付けると、リクエストはプロキシ経由で転送されます。プロキシは、必要な Access-Control-Allow-Origin ヘッダーを応答に追加し、フロントエンド コードがそれにアクセスできるようにします。

2. CORS プリフライトの回避

CORS プリフライト リクエストのトリガーを防ぐには、Authorization や Content-Type: application/json などのヘッダーの使用を避けるようにリクエストを変更します。

3 。アドレス「Access-Control-Allow-Origin をワイルドカードにすることはできません」 問題

「Access-Control-Allow-Origin ヘッダーをワイルドカードにすることはできません」というエラー メッセージが表示される場合は、Access -Control-Allow-Origin ヘッダーの値は、フロントエンド コードのオリジンと一致します。 Origin リクエスト ヘッダーの値を Access-Control-Allow-Origin レスポンス ヘッダーにエコーするようにサーバーを構成します。

追加のヒント

• 「Access」を削除しますリクエストからの -Control-Allow-* ' ヘッダー。
• ブラウザなしでサーバーの応答をテストするには、curl を使用します。フィルタリング。
• 不正確な結果が得られる可能性があるため、Access-Control-Allow-Origin ヘッダーを操作するブラウザ プラグインの使用は避けてください。

以上がREST API にアクセスする際のクロスオリジンリクエストの問題を解決するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。