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

【问题标题】：React-native - Axios GET request throws network error in Android emulatorReact-native - Axios GET 请求在 Android 模拟器中引发网络错误
【发布时间】：2018-11-05 13:53:22
【问题描述】：

我是 React-native 的新手。我正在尝试使用以下代码执行一个简单的获取请求：

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

我已经使用 Postman 测试了请求并且一切正常，但是当我使用 ANDROID 模拟器在我的 react-native 应用程序中运行请求时，我收到以下错误：

错误：网络错误

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

【问题讨论】：

在调试器中能看到网络请求吗？
你好。该请求未出现在远程 js 调试器的网络选项卡中。我认为还应该注意的是，为了让远程 JS 调试器工作，我一直在将 url 从默认 10.0.0.2:8081/debugger-ui 更改为 localhost:8081/debugger-ui，因为默认 url 似乎不起作用？

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

【解决方案1】：

我设法通过将请求 URL 从 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 地址.

【讨论】：