Warum schlägt meine React Native Fetch-Anfrage unter iOS mit „Netzwerkanforderung fehlgeschlagen' fehl?

Netzwerkanforderungsfehler in React Native Fetch

In einem neu erstellten React Native-Projekt wird fetch() aufgerufen, um mit dem Facebook-Demofilm zu interagieren Die API kann zu einem Fehler „Netzwerkanforderung fehlgeschlagen“ führen. Dies kann aufgrund der mehrdeutigen Fehlermeldung und der fehlenden Debugging-Unterstützung in der Chrome-Konsole frustrierend sein.

Ursache:

Das zugrunde liegende Problem liegt in der Einschränkung von iOS HTTP-Anfragen sind standardmäßig nur HTTPS-Verbindungen zulässig.

Lösung:

Um HTTP-Anfragen in Ihrem iOS-Projekt zu aktivieren, ändern Sie Ihre info.plist-Datei im „ Abschnitt „Unterstützende Dateien“:

1. Fügen Sie der Datei das folgende Schlüssel-Wert-Paar hinzu:

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

2. Fügen Sie ein Wörterbuch innerhalb des Schlüssels hinzu:

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

3. Fügen Sie ein weiteres Schlüssel-Wert-Paar im Wörterbuch hinzu:

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

Diese Einstellung erteilt Ihrer App die Berechtigung, HTTP-Anfragen auf iOS-Geräten zu stellen.

Sobald die Änderungen vorgenommen und das Projekt neu erstellt wurden, ist die Abrufanforderung erfolgreich, da sowohl Ihre lokale Entwicklungsumgebung als auch Ihre iOS-Geräte HTTP-Verbindungen zulassen.

Das obige ist der detaillierte Inhalt vonWarum schlägt meine React Native Fetch-Anfrage unter iOS mit „Netzwerkanforderung fehlgeschlagen' fehl?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!