[解決済み】リクエストに失敗していないのに、「TypeError: failed to fetch」が表示される。

質問

を使っています。 APIを取得する をReactアプリ内で使用しています。アプリケーションはサーバーにデプロイされ、完全に動作していました。何度もテストしました。しかし、突然、アプリケーションが動作しなくなり、その理由がわからなくなりました。問題は get リクエストを送信すると、サーバーから有効なレスポンスを受け取りますが、フェッチ API で例外が発生し、次のように表示されます。 TypeError: failed to fetch . コードに何の変更も加えていないのに、すべてのReactコンポーネントで問題になっています。

有効な応答が得られている

しかし、同時にこんなエラーも出ています。

TypeError: failed to fetch

資格情報: "include" を削除すると、ローカルホストでは動作しますが、サーバーでは動作しません。

StackOverflowやGitHubで紹介されているすべての解決策を試しましたが、私にはうまくいきません。

どうすればいいですか？

バックエンドから受け取るレスポンスに問題がある可能性があります。サーバー上で正常に動作している場合は、応答ヘッダーに問題がある可能性があります。 以下の項目を確認してください。 アクセス制御-許可-オリジン (ACAO) をレスポンスヘッダに追加してください。通常、reactのfetch APIは、レスポンスヘッダのACAOとリクエストのオリジンが一致しない場合、レスポンスを受信してもfetchに失敗することを投げます。