ホームページ > 記事 > ウェブフロントエンド > React Native fetch() で「ネットワーク リクエストが失敗しました」エラーが発生するのはなぜですか? どのように修正すればよいですか?
React Native を使用する場合、開発者は、特に fetch() メソッドでネットワーク リクエスト エラーに遭遇することがあります。よくあるエラーの 1 つは、「ネットワーク リクエストの失敗」です。
最近の例では、ユーザーが新しい React Native プロジェクト (バージョン 0.29.1) を作成し、レンダリング メソッド内にフェッチ リクエストを含めました。公開されている Facebook デモ ムービー API をターゲットとしているにもかかわらず、リクエストの結果は「ネットワーク リクエストが失敗しました」というエラーになりました。スタック トレースからはデバッグ用の情報がほとんど提供されず、コンソール ベースのネットワーク リクエストのデバッグは不可能でした。
このエラーは、明示的に許可されない限り HTTP リクエストを禁止する iOS のデフォルトのセキュリティ設定に起因します。この問題を修正するには、プロジェクトの info.plist ファイルに次の行を追加します:
<key>NSAppTransportSecurity</key> <dict> <key>NSAllowsArbitraryLoads</key> <true/> </dict>
この構成を追加すると、React Native アプリが HTTP リクエストを行うことが明示的に許可されます。これにより、「ネットワーク リクエストが失敗しました」エラーが解決され、ネットワーク リクエストを効果的に処理し続けることができるようになります。
以上がReact Native fetch() で「ネットワーク リクエストが失敗しました」エラーが発生するのはなぜですか? どのように修正すればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。