当我使用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);
});
当前回答
如果您正在连接到HTTPS网站，请检查您的模拟器的互联网连接。(在我的情况下，我使用的是通过USB连接的手机模拟器，它的互联网是离线的)
其他回答
不建议允许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>
通过在0.0.0.0上运行模拟服务器 注意:当你使用json-server运行另一个服务器时，这在Expo上有效。
另一种方法是在0.0.0.0而不是localhost或127.0.0.1上运行模拟服务器。
这使得模拟服务器可以在LAN上访问，因为Expo要求开发机器和运行Expo应用程序的移动设备在同一个网络上，所以模拟服务器也可以访问。
在使用json-server时，可以使用以下命令实现这一点
Json-server——host 0.0.0.0——port 8000 ./db。json,看
请访问此链接了解更多信息。
我在Android模拟器上遇到了同样的问题，在那里我试图使用有效的证书访问外部HTTPS URL。但是在react-native中获取URL失败了
'fetch error:', { [TypeError: Network request failed]
sourceURL: 'http://10.0.2.2:8081/index.delta?platform=android&dev=true&minify=false' }
1)为了找出日志中的确切错误，我首先在应用程序上使用Cmd + M启用了“远程调试JS”
2)报告的错误为
java.security.cert.CertPathValidatorException: Trust anchor for certification path not found.
3)我添加的URL的有效证书使用这种方法->步骤2
http://lpains.net/articles/2018/install-root-ca-in-android/
该证书被添加到User选项卡。
4)将属性android:networkSecurityConfig属性添加到AndroidManifest.xml
添加网络安全配置文件 res / xml / network_security_config.xml:
<network-security-config>
<base-config>
<trust-anchors>
<certificates src="user"/>
<certificates src="system"/>
</trust-anchors>
</base-config>
</network-security-config>
这应该工作，并给你一个预期的回应。
这不是答案，而是选择。 我切换到https://github.com/joltup/rn-fetch-blob 它既适用于表单数据，也适用于文件
只是你有Fetch....的变化
fetch('http://facebook.github.io/react-native/movies.json')
.then((response) => response.json())
.then((responseJson) => {
/*return responseJson.movies; */
alert("result:"+JSON.stringify(responseJson))
this.setState({
dataSource:this.state.dataSource.cloneWithRows(responseJson)
})
}).catch((error) => {
console.error(error);
});
