React Native：在本地服务器上使用 axios 时出现网络错误答案

【问题标题】：React Native: Network error when using axios on local serverReact Native：在本地服务器上使用 axios 时出现网络错误
【发布时间】：2020-07-22 14:33:54
【问题描述】：

我是 react-native 的新手，我想从本地 laravel 服务器获取一些数据，但是我触发了 mobx 操作，我收到以下错误：

Network Error

[Unhandled promise rejection: Error: Network Error]

这是我的 mobx 操作（我正在使用流，类似于 async/await），我得到了“fire”日志，但之后我得到了上面的错误：

listProducts = flow( function*(payload)
    {
        console.log('fire');
        try 
        {
            let response = yield axios.get('http://192.168.1.39:8000/api/products', { params: payload });
            
            this.posts = response.data;
            this.pagination = response.data.pagination;
            console.log(response);
            //return response;
        } 
        catch (error)
        {
            console.error(error);
            throw error;
        }
    });

如您所见，我使用的是本地 IP 而不是 localhost，我还在使用与我的开发笔记本电脑连接到同一网络的 EXPO 在我的 android 设备上测试我的应用程序。

【问题讨论】：

您是否使用同一网络上的设备（即 192.168.1.39 实际上是指您的本地主机）？
我的设备和我的电脑都连接到同一个网络，我使用ipconfig获取我的IP

标签： react-native axios native

【解决方案1】：

Ciao，我在您的代码中看不到错误。尝试按照this 指导处理Unhandled promise rejection。可以帮你找到线索。简而言之，指南建议使用 axios 拦截器：

axios.interceptors.response.use(
  response => response,
  error => {}
)

【讨论】：