iOS で React Native フェッチ リクエストが「ネットワーク リクエストに失敗しました」というメッセージが表示されて失敗するのはなぜですか?

React Native Fetch でのネットワーク リクエストの失敗

新しく作成された React Native プロジェクトで、fetch() を呼び出して Facebook デモ ムービーと対話するAPI によって「ネットワーク要求が失敗しました」エラーが発生する場合があります。これは、曖昧なエラー メッセージと Chrome コンソールでのデバッグ サポートの欠如によりイライラする可能性があります。

根本原因:

根本的な問題は、iOS の制限にあります。デフォルトでは HTTP リクエストが行われ、HTTPS 接続のみが許可されます。

解決策:

iOS プロジェクトで HTTP リクエストを有効にするには、XCode プロジェクトの「」内の info.plist ファイルを変更します。 「サポート ファイル」セクション:

1. 次のキーと値のペアをファイルに追加します:

<code class="plist"><key>NSAppTransportSecurity</key></code>

2. キー内に辞書を追加します:

<code class="plist"><key>NSAppTransportSecurity</key>
<dict></code>

3. 辞書内に別のキーと値のペアを追加します:

<code class="plist"><key>NSAllowsArbitraryLoads</key>
<true/>
</dict></code>

この設定により、iOS デバイスで HTTP リクエストを行う権限がアプリに付与されます。

変更が加えられ、プロジェクトが再構築されると、ローカル開発環境と iOS デバイスの両方で HTTP 接続が許可されるため、フェッチ リクエストは成功します。

以上がiOS で React Native フェッチ リクエストが「ネットワーク リクエストに失敗しました」というメッセージが表示されて失敗するのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。