クロスオリジン リソース共有 (CORS)は、異なるドメインが相互に対話できるようにするメカニズムです。 API サーバーがサブドメインで実行され、React アプリがメイン ドメインで動作すると、「メイン ドメインからサブドメインへのアクセスに失敗しました: 'Access-Control-Allow-Origin' がありません」エラーなどの CORS エラーが発生する可能性があります。
Chrome DevTools でプリフライト リクエストを検査し、キャッシュされた応答とプリフライト リクエストを確認します。応答ヘッダーを出力する -i オプションを忘れずに追加して、curl などのツールを使用してプリフライト リクエストを実行します。
AWS ロード バランサー ターゲット グループの設定ミス (OP のソリューションに基づく)
この特定の問題の根本原因は、AWS ロード バランサー ターゲット グループの構成ミスでした。適切な SSL 証明書が提供されていないにもかかわらず、ターゲット グループのプロトコルは HTTPS に設定されました。プロトコルを修正すると問題が解決しました。
以上がサブドメイン API にアクセスすると、React アプリで CORS エラーが発生するのはなぜですか: 「メイン ドメインからサブドメインへのアクセスに失敗しました: いいえ、「Access-Control-Allow-Origin」\」の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。