Question

当我尝试在chrome控制台中运行下面的代码时，代码正常工作，我在浏览器中得到警报，但当我尝试在本机中运行相同的代码时，它会出错：＆＃34; TypeError：网络请求失败＆＃34;

//代码

makeRequest(){
    fetch('http://localhost:3000/')
    .then(response => response.json())
    .then(data => alert(data))
    .catch(e => alert(e));
}


render() {
     return(
         <View style = {styles.main}>
            {setTimeout(()=>this.makeRequest(),1000);}
         </View>
     )
}[![Check the screenshot][1]][1]

Answer 1

return fetch('http://<your ip>')
  .then((response) => response.json())
  .then((responseJson) => {
    console.log(responseJson);
  })
  .catch((error) => {
    console.error(error);
  });

Answer 2

return fetch('http://<your ip>')
  .then((response) => response.json())
  .then((responseJson) => {
    console.log(responseJson);
  })
  .catch((error) => {
    console.error(error);
  });

Answer 3

使用10.0.2.2 IP地址代替本地主机。

React native：TypeError：网络请求失败

3 个答案: