為什麼我的 React Native Fetch 請求在 iOS 上失敗並顯示「網頁請求失敗」？

React Native Fetch 網路請求失敗

在新建的React Native 專案中，呼叫fetch() 與Facebook 示範影片互動可能會導致「網路請求失敗」錯誤。由於錯誤訊息不明確且 Chrome 控制台缺乏調試支持，這可能會令人沮喪。

根本原因：

根本問題在於 iOS 對預設情況下 HTTP 請求，僅允許 HTTPS 連線。

解決方案：

要在iOS 專案中啟用HTTP 要求，請修改XCode 專案中的info.plist 檔案「支援檔案」部分：

1. 將以下鍵值對加入檔案：

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

2. 在鍵中加入字典：

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

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

在字典中新增另一個鍵值對：

此設定將授予您的應用程式在iOS 裝置上發出HTTP 請求的權限。 一旦進行更改並重建項目，提取請求就會成功，因為您的本機開發環境和 iOS 裝置都將允許 HTTP 連線。

以上是為什麼我的 React Native Fetch 請求在 iOS 上失敗並顯示「網頁請求失敗」？的詳細內容。更多資訊請關注PHP中文網其他相關文章！