当我使用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);
});
当前回答
我也有类似的问题。 在我的情况下，请求localhost工作，突然停止。 结果发现问题是我关掉了安卓手机的wifi。
其他回答
这对我有用，android使用一个特殊类型的IP地址10.0.2.2然后端口号
import { Platform } from 'react-native';
export const baseUrl = Platform.OS === 'android' ?
'http://10.0.2.2:3000/'
:
'http://localhost:3000/';
我使用localhost作为地址，这显然是错误的。在将其替换为服务器的IP地址(在仿真器所在的网络中)后，它可以完美地工作。
Edit
在Android Emulator中，开发机地址为10.0.2.2。更多解释在这里
对于Genymotion，地址是10.0.3.2。更多信息请点击这里
React Native Docs给出了这个问题的答案。
苹果已经阻止隐式明文HTTP资源加载。所以我们需要添加以下我们的项目的信息。Plist(或等效)文件。
<key>NSAppTransportSecurity</key>
<dict>
<key>NSExceptionDomains</key>
<dict>
<key>localhost</key>
<dict>
<key>NSTemporaryExceptionAllowsInsecureHTTPLoads</key>
<true/>
</dict>
</dict>
</dict>
测试您的集成->添加应用程序传输安全例外
如果你使用localhost，只需更改它:
来自:http://localhost: 3030 : http://10.0.2.2:3030
我在Android上也遇到了同样的问题，但我设法找到了解决方案。Android默认从API Level 28开始就屏蔽明文流量(非http请求)。然而，react-native在调试版本(android/app/src/debug/res/xml/react_native_config.xml)中添加了一个网络安全配置，它定义了一些域(localhost，以及AVD / Genymotion的主机ip)，可以在dev模式下使用，无需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>
