Pourquoi ma demande de récupération native React échoue-t-elle avec « Échec de la demande réseau » sur iOS ?

Échec de la demande réseau dans React Native Fetch

Dans un projet React Native nouvellement créé, appelant fetch() pour interagir avec le film de démonstration Facebook L'API peut entraîner une erreur « Échec de la demande réseau ». Cela peut être frustrant en raison de son message d'erreur ambigu et du manque de prise en charge du débogage dans la console Chrome.

Cause fondamentale :

Le problème sous-jacent réside dans la restriction d'iOS sur Requêtes HTTP par défaut, autorisant uniquement les connexions HTTPS.

Solution :

Pour activer les requêtes HTTP dans votre projet iOS, modifiez votre fichier info.plist dans le " du projet XCode Section "Fichiers de support" :

1. Ajoutez la paire clé-valeur suivante au fichier :

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

2. Ajoutez un dictionnaire dans la clé :

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

3. Ajoutez une autre paire clé-valeur dans le dictionnaire :

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

Ce paramètre autorisera votre application à effectuer des requêtes HTTP sur les appareils iOS.

Une fois les modifications apportées et le projet reconstruit, la demande de récupération réussira, car votre environnement de développement local et vos appareils iOS autoriseront les connexions HTTP.

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!