当我使用 react-native init (RN版本0.29.1) 创建一个全新的项目，然后在渲染方法中使用 fetch 请求公共的 Facebook Demo 电影 API 时，会抛出一个 Network Request Failed 错误。这里有一个非常无用的堆栈跟踪信息，而且我无法在 Chrome 控制台中调试网络请求。下面是我发送的 fetch 代码：
fetch('http://facebook.github.io/react-native/movies.json')
.then((response) => response.json())
.then((responseJson) => {
return responseJson.movies;
})
.catch((error) => {
console.error(error);
});
问题在于iOS默认情况下不允许HTTP请求，只允许HTTPS请求。如果您想启用HTTP请求，请将以下内容添加到您的info.plist文件中：
<key>NSAppTransportSecurity</key>
<dict>
<key>NSAllowsArbitraryLoads</key>
<true/>
</dict>
http://<模拟器连接到的网络IP>:<提供API的端口>/api/tasks。 - Brandon Benefield不建议允许所有域名的http请求，只针对必要的域名做出例外。
来源：在iOS 9和OSX 10.11中配置应用程序传输安全性例外
将以下内容添加到您的应用的info.plist文件中：
<key>NSAppTransportSecurity</key>
<dict>
<key>NSExceptionDomains</key>
<dict>
<key>yourserver.com</key>
<dict>
<!--Include to allow subdomains-->
<key>NSIncludesSubdomains</key>
<true/>
<!--Include to allow HTTP requests-->
<key>NSTemporaryExceptionAllowsInsecureHTTPLoads</key>
<true/>
<!--Include to specify minimum TLS version-->
<key>NSTemporaryExceptionMinimumTLSVersion</key>
<string>TLSv1.1</string>
</dict>
</dict>
</dict>
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
<application
android:usesCleartextTraffic="true"
.......>
.......
</application>
因为我们正在上传一个文件，RN filePicker没有提供正确的MIME类型，只给了我们“image”这个类型。我们需要将它更改为“image/jpg”才能使fetch正常工作。
form.append(uploadFileName, {
uri : localImage.full,
type: 'image/jpeg',
name: uploadFileName
})
如果您正在使用 localhost，请将其更改为：
从：http://localhost:3030
到：http://10.0.2.2:3030
http://localhost:3000 改成了 http://192.168.1.256:3000，然后它就起作用了。 - Sudarshan我在安卓上遇到了相同的问题，但我成功找到了解决方案。从API Level 28开始，默认情况下Android会阻止明文流量（非https请求）。然而，React Native在调试版本中添加了一个network-security-config文件（android/app/src/debug/res/xml/react_native_config.xml），其中定义了一些域名（localhost以及AVD/Genymotion的主机IP地址），可以在开发模式下不使用SSL。你可以在那里添加你的域名，允许http请求。
<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
<domain-config cleartextTrafficPermitted="true">
<domain includeSubdomains="false">localhost</domain>
<domain includeSubdomains="false">10.0.2.2</domain>
<domain includeSubdomains="false">10.0.3.2</domain>
<domain includeSubdomains="true">dev.local</domain>
</domain-config>
</network-security-config>
针对Android用户：
替换localhost为局域网IP地址，因为当您在Android设备上运行项目时，localhost指向的是Android设备，而不是您的计算机。例如：将http://localost更改为http://192.168.1.123
用户添加的CA
保护所有应用程序数据是Android应用程序沙盒的关键目标。 Android Nougat更改了应用程序与用户和管理员提供的CA之间的交互方式。默认情况下，针对API级别24的应用程序将不会自动信任此类CA，除非该应用程序显式地选择了信任。这种默认的安全设置减少了应用程序的攻击面，并鼓励对网络和基于文件的应用程序数据进行一致处理。
React Native 文档已经给出了答案。
苹果已经阻止了隐式明文 HTTP 资源加载。因此，我们需要将以下内容添加到我们项目的 Info.plist（或等效）文件中。
<key>NSAppTransportSecurity</key>
<dict>
<key>NSExceptionDomains</key>
<dict>
<key>localhost</key>
<dict>
<key>NSTemporaryExceptionAllowsInsecureHTTPLoads</key>
<true/>
</dict>
</dict>
</dict>
React Native文档 -> 与现有应用程序集成 -> 测试您的集成 -> 添加App Transport Security例外
问题可能出在服务器配置上。
Android 7.0存在一个 bug，详情请见这里。Vicky Chijwani提出的解决方法如下:
将服务器配置为使用椭圆曲线prime256v1。例如，在 Nginx 1.10中，您可以通过设置ssl_ecdh_curve prime256v1来实现此目的;
http更改为https（如果可能）很可能会解决您的问题。 - Nick Zuberifconfig中的IP192.168.1.25:3000，正确的做法是使用rails server --binding=192.168.1.25 --port=3000进行绑定。 - Fabrizio Bertoglio