Échec de la demande réseau React Native Fetch() : comment corriger l'erreur « Échec de la demande réseau » sur iOS ?

Échec de la demande réseau React Native fetch() : une solution complète

Introduction :

Lorsqu'ils travaillent avec des applications React Native, les développeurs peuvent parfois rencontrer une erreur redoutée « Échec de la demande réseau » lorsqu'ils tentent d'effectuer des requêtes de récupération. Cet article vise à fournir une solution complète pour résoudre ce problème.

Le problème :

La cause première de cette erreur réside souvent dans le fait que les appareils iOS, par par défaut, n'autorisez pas les connexions HTTP non chiffrées. Par conséquent, si la requête d'extraction tente d'accéder à un point de terminaison qui n'utilise pas HTTPS, la requête échouera.

Solution :

Pour résoudre ce problème, nous avons besoin pour configurer le fichier info.plist de l'application pour autoriser explicitement les connexions non HTTPS. Ceci peut être réalisé en ajoutant le code suivant dans le fichier info.plist :

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

Implémentation :

1. Ouvrez le fichier info.plist situé dans le répertoire racine de votre projet React Native.
2. Naviguez jusqu'à la fin du fichier et collez le code ci-dessus dans le champ element.
3. Enregistrez le fichier et redémarrez votre environnement de développement.

Informations supplémentaires :

• Il est important de noter que l'activation de chargements arbitraires peut exposer votre application à des failles de sécurité potentielles.
• Pour des raisons de sécurité, il est recommandé d'utiliser des connexions HTTPS pour toutes les requêtes réseau.
• Si vous rencontrez d'autres problèmes avec les requêtes réseau, inspectez les journaux de la console ou utilisez un outil de débogage réseau pour obtenir plus d'informations.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!