React Native Fetch() Network Request Failure: Bagaimana untuk Membetulkan Ralat \'Network Request Failed\' pada iOS?

React Native fetch() Kegagalan Permintaan Rangkaian: Penyelesaian Komprehensif

Pengenalan:

Apabila bekerja dengan aplikasi React Native, pembangun mungkin sekali-sekala menghadapi ralat "Permintaan Rangkaian Gagal" yang ditakuti semasa cuba melaksanakan permintaan pengambilan. Artikel ini bertujuan untuk menyediakan penyelesaian yang komprehensif untuk menyelesaikan isu ini.

Masalahnya:

Punca ralat ini selalunya terletak pada hakikat bahawa peranti iOS, oleh lalai, jangan benarkan sambungan HTTP yang tidak disulitkan. Oleh itu, jika permintaan pengambilan cuba mengakses titik akhir yang tidak menggunakan HTTPS, permintaan itu akan gagal.

Penyelesaian:

Untuk menyelesaikan isu ini, kami perlu untuk mengkonfigurasi info.plist aplikasi untuk membenarkan sambungan bukan HTTPS secara jelas. Ini boleh dicapai dengan menambah kod berikut dalam fail info.plist:

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

Pelaksanaan:

1. Buka fail info.plist yang terletak di direktori akar projek React Native anda.
2. Navigasi ke hujung fail dan tampal kod di atas dalam elemen.
3. Simpan fail dan mulakan semula persekitaran pembangunan anda.

Maklumat Tambahan:

• Adalah penting untuk ambil perhatian bahawa mendayakan beban sewenang-wenangnya boleh mendedahkan aplikasi anda kepada potensi kelemahan keselamatan.
• Untuk tujuan keselamatan, adalah disyorkan untuk menggunakan sambungan HTTPS untuk semua permintaan rangkaian.
• Jika anda menghadapi sebarang isu lanjut dengan permintaan rangkaian, periksa log konsol atau gunakan alat penyahpepijatan rangkaian untuk mendapatkan lebih banyak cerapan.

Atas ialah kandungan terperinci React Native Fetch() Network Request Failure: Bagaimana untuk Membetulkan Ralat \'Network Request Failed\' pada iOS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!