React Native 中可能出现未处理的 Promise 拒绝网络错误

Question

我使用 express.js 设置我的本地服务器，它只处理请求和 return 简单消息。

app.get('/hello', (req, res) => {
    res.send('Hello world !');
});

我执行了服务器并在网络浏览器上对其进行了测试，它运行良好。

只是我想在我的 react-native 应用程序上这样做。

这是我的 action.js 文件

import axios from 'axios';

exports.helloButtonPressAct = (email, password) => {
    return function (dispatch) {
        return axios.get('http://localhost:3000/hello')
            .then(function (response) {
                console.log(response);

                // and create action obj here
                // dispatch(someAction(...))
            })
            .catch(function (error) {
                throw error;
                console.log(error);
            });
    };
};

只有returncatch()的结果。

Possible Unhandled Promise Rejection (id: 0): Network Error Error: Network Error at createError ...

可能有问题，但我找不到是什么。

我该如何解决这个问题？

Answer 1

已解决。

return axios.get('http://localhost:3000/hello')

到

return axios.get('http://10.0.0.2:3000/hello')

并且有效。

在Android模拟器中，localhost指的是它的设备。

https://github.com/facebook/react-native/issues/10404

React Native 中可能出现未处理的 Promise 拒绝网络错误

Possible Unhandled Promise Rejection Network Error in React Native

react-native

redux

axios

redux-thunk