React-native - Axios GET请求在Android模拟器中引发网络错误

时间:2018-05-26 09:55:51

标签: android api react-native android-emulator axios

我是React-native的新手。我正在尝试使用以下代码执行简单的get请求:

axios.get('http://push-cycling-backend.dev/api/test')
    .then((response) => {
        console.log(response);
    })
    .catch((error) => {
        console.log(error);
    });

我使用Postman测试了请求,一切正常,但是当我使用ANDROID EMULATOR在react-native应用程序中运行请求时,出现以下错误:

  

错误:网络错误

我有一种感觉这是因为我试图通过Android模拟器访问通过Xammp本地托管的Api端点,但我不知道该怎么做。 请非常感谢任何指导。 亲切的问候, 马特

1 个答案:

答案 0 :(得分:3)

我设法通过将请求网址从http://push-cycling-backend.dev/api/test更改为http://10.0.2.2:80/push-cycling-backend/public/api/test来实现目标。从我的理解,自从Android模拟器,模拟一个实际的设备,我相信'localhost'指的是模拟设备上的地址而不是我的本地服务器10.0.2.2就像一个关键字,指的是你的本地机器的IP地址。