当我使用react-native init (RN版本0.29.1)创建一个全新的项目，并在渲染方法中获取公共facebook演示电影API时，它抛出了一个网络请求失败。有一个非常无用的堆栈跟踪，我不能调试网络请求在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);
});
当前回答
“依赖”:{“反应”:“17.0.2”、“react-native”:“0.66.1”}, 我在使用Android模拟器时遇到了这个问题。
将这些代码行添加到AndroidManifest.xml中 <应用程序 ．... ．... android: usesCleartextTraffic = " true " > 然后，试着在一个真正的物理设备上运行你的代码，而不是模拟器， 要在物理设备上运行，请连接usb并尝试运行NPX react-native run-android
其他回答
React Native Docs给出了这个问题的答案。
苹果已经阻止隐式明文HTTP资源加载。所以我们需要添加以下我们的项目的信息。Plist(或等效)文件。
<key>NSAppTransportSecurity</key>
<dict>
<key>NSExceptionDomains</key>
<dict>
<key>localhost</key>
<dict>
<key>NSTemporaryExceptionAllowsInsecureHTTPLoads</key>
<true/>
</dict>
</dict>
</dict>
测试您的集成->添加应用程序传输安全例外
不建议允许http的所有域。 只对必要的域进行例外处理。
来源:在iOS 9和OSX 10.11中配置应用程序传输安全例外
将以下内容添加到信息中。你的应用的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>
为了找到根源问题，我使用XMLHttpRequest而不是获取，并在发送请求后抛出一个异常的消息，告诉实际问题HTTP_1_1_REQUIRED。
显然，react本机(在我的情况下v0.59)只支持http/1.1，然后我在web服务器上禁用了http/2。
如果你的网络服务器是IIS，看看这个问题的答案
希望这能有所帮助。
问题可能出在服务器配置上。
Android 7.0有一个bug。Vicky Chijwani提出的解决方案:
配置您的服务器以使用椭圆曲线prime256v1。为 例如，在Nginx 1.10中，你可以通过设置ssl_ecdh_curve来实现 prime256v1;
我在Android 9上也遇到了同样的问题，因为“http”，问题通过添加Android:usesCleartextTraffic=“true”来解决 AndroidManifest.xml
<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>
