当我使用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连接的手机模拟器，它的互联网是离线的)
其他回答
为了找到根源问题，我使用XMLHttpRequest而不是获取，并在发送请求后抛出一个异常的消息，告诉实际问题HTTP_1_1_REQUIRED。
显然，react本机(在我的情况下v0.59)只支持http/1.1，然后我在web服务器上禁用了http/2。
如果你的网络服务器是IIS，看看这个问题的答案
希望这能有所帮助。
如果你使用localhost，只需更改它:
来自:http://localhost: 3030 : http://10.0.2.2:3030
只需添加
<uses-permission android:name="android.permission.INTERNET" />
<application
android:usesCleartextTraffic="true"
然后将获取URL域(localhost)替换为您的IP地址，
const dataRaw = await fetch('http://192.168.8.102:4000');
对于android，在AndroidManifest.xml的应用程序标签中添加android:networkSecurityConfig="@xml/network_security_config"，如下所示:
<?xml version="1.0" encoding="utf-8"?>
<manifest ... >
<application android:networkSecurityConfig="@xml/network_security_config"
... >
...
</application>
</manifest>
Network_security_config.xml文件内容:
<?xml version='1.0' encoding='utf-8'?>
<network-security-config>
<debug-overrides>
<trust-anchors>
<!-- Trust user added CAs while debuggable only -->
<certificates src="user" />
</trust-anchors>
</debug-overrides>
<!-- let application to use http request -->
<base-config cleartextTrafficPermitted="true" />
</network-security-config>
对于fetch API，你应该在.then中处理错误情况。
例如:
fetch(authURl,{ method: 'GET'})
.then((response) => {
const statusCode = response.status;
console.warn('status Code',statusCode);
if(statusCode==200){
//success code
}else{
//handle other error code
}
},(err) => {
console.warn('error',err)
})
.catch((error) => {
console.error(error);
return error;
});
