React Native fetch() で「ネットワーク リクエストが失敗しました」エラーが発生するのはなぜですか? どのように修正すればよいですか?

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 サイトの他の関連記事を参照してください。