1. ホーム
  2. javascript

[解決済み] React Nativeのfetch()ネットワークリクエストに失敗する

2022-04-13 03:31:46

質問

を使用して新規プロジェクトを作成する場合 react-native init (RN バージョン 0.29.1) で、公開されている facebook デモムービー API の render メソッドに fetch を実行すると Network Request Failed . 非常に無駄なスタックトレースがあり、クロームコンソールでネットワークリクエストをデバッグすることができません。以下は、私が送信しているフェッチです。

fetch('http://facebook.github.io/react-native/movies.json')
      .then((response) => response.json())
      .then((responseJson) => {
        return responseJson.movies;
      })
      .catch((error) => {
        console.error(error);
      });

解決方法は?

この問題は、iOSがデフォルトでHTTPリクエストを許可しておらず、HTTPSのみ許可していることです。HTTP リクエストを有効にするには、次のコードを info.plist :

<key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
</dict>