当我使用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);
});
当前回答
我在Android上遇到了这个问题
URL - localhost / authToken。Json -没有工作:(
URL - 10.106.105.103 / authToken。Json -没有工作:(
URL- http://10.106.105.103/authToken.json -工作:):D
说明—在Linux操作系统中使用ifconfig，在Windows操作系统中使用ipconfig查找机器的IpAddress
其他回答
对我来说……我已经有https了…当我在头文件中添加“Content-type”:“application/json”时，这个问题就消失了
headers: {
Authorization: token,
'Content-type': 'application/json',
/** rest of headers... */
}
平台:安卓
只需添加
<uses-permission android:name="android.permission.INTERNET" />
<application
android:usesCleartextTraffic="true"
然后将获取URL域(localhost)替换为您的IP地址，
const dataRaw = await fetch('http://192.168.8.102:4000');
只是你有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);
});
我在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>
如果你使用localhost，只需更改它:
来自:http://localhost: 3030 : http://10.0.2.2:3030
