React Native Fetch() ネットワーク リクエストの失敗: iOS で「ネットワーク リクエストが失敗しました」エラーを修正する方法?

React Native fetch() ネットワーク リクエストの失敗: 包括的な解決策

概要:

React Native アプリケーションを使用する場合、開発者はフェッチ リクエストを実行しようとすると、恐ろしい「ネットワーク リクエストが失敗しました」エラーに遭遇することがあります。この記事は、この問題を解決するための包括的な解決策を提供することを目的としています。

問題:

このエラーの根本原因は、多くの場合、iOS デバイスがデフォルトでは、暗号化されていない HTTP 接続は許可されません。したがって、フェッチ リクエストが HTTPS を使用しないエンドポイントにアクセスしようとすると、リクエストは失敗します。

解決策:

この問題を解決するには、次のことが必要です。非 HTTPS 接続を明示的に許可するようにアプリケーションの info.plist を構成します。これは、info.plist ファイル内に次のコードを追加することで実現できます:

<code class="xml"><key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
</dict></code>

実装:

1. にある info.plist ファイルを開きます。 React Native プロジェクトのルート ディレクトリ。
2. ファイルの末尾に移動し、上記のコードを 内に貼り付けます。
3. ファイルを保存し、開発環境を再起動します。

追加情報:

• 次のことに注意してください。任意のロードを有効にすると、アプリケーションがセキュリティ上の潜在的な脆弱性にさらされる可能性があります。
• セキュリティ上の理由から、すべてのネットワーク リクエストに HTTPS 接続を使用することをお勧めします。
• ネットワーク リクエストでさらに問題が発生した場合は、コンソール ログを検査するか、ネットワーク デバッグ ツールを使用して、さらに詳しい情報を取得します。

以上がReact Native Fetch() ネットワーク リクエストの失敗: iOS で「ネットワーク リクエストが失敗しました」エラーを修正する方法?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。