ホームページ > 記事 > ウェブフロントエンド > React Native `fetch()` ネットワーク リクエストが失敗するのはなぜですか?
"React Native 'fetch()' Network Request Failure:の原因と解決策
React Native プロジェクトで fetch() API を使用してネットワークリクエストを実行すると、"Network Request Failed" エラーが発生する場合があります。特に、初期設定では iOS デバイスでは HTTP リクエストが許可されないので、以下のエラーが発生する可能性があります。
fetch('http://facebook.github.io/react-native/movies.json') .then((response) => response.json()) .then((responseJson) => { return responseJson.movies; }) .catch((error) => { console.error(error); });
解決するには、[info.plist](https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/iPhoneOSKeys.html#//apple_ref/doc/uid/TP40009251-SW8) に次のコードを追加して、HTTP リクエストを許可する必要があります。
<code class="xml"><key>NSAppTransportSecurity</key> <dict> <key>NSAllowsArbitraryLoads</key> <true/> </dict></code>
この変更を適用したら、React Native アプリは問題なく HTTP リクエストを実行できるようになります。
以上がReact Native `fetch()` ネットワーク リクエストが失敗するのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。