在React-Native中尝试POST请求时网络请求失败

时间:2019-12-03 13:21:00

标签: javascript react-native http fetch

我正在尝试从我的React本机应用程序向本地服务器POST请求,并收到错误消息。

我建立了一个通用的httpMethod函数

"configurations": {
  "production": {
   // HERE all the used options by default for prod build
   }
}

我从此方法调用它:

export async function httpMethod(req) {
  try {
    var response = fetch(`${apiUrl}${req.api}`, {
      method: req.method,
      headers: req.headers
        ? req.headers
        : {
            'Content-Type': 'application/json'
          },
      body: JSON.stringify(req.body)
    });
    return response;
  } catch (error) {
    console.error(error);
  }
}

URL为export async function registerUser(props) { try { const { email, password } = props; let api = `/users`; return await httpMethod({ method: 'POST', api, body: { email, password } }); } catch (error) { console.error(error); } }

当尝试通过邮递员发布时,一切正常: enter image description here

添加一些控制台日志以确保我的HTTP请求URL和参数正常后,出现此错误:

http://0.0.0.0:9000/users

我在做什么错了?

1 个答案:

答案 0 :(得分:0)

好吧,答案对我来说很尴尬:

在我的实际手机上运行该应用程序时,地址为“ http://0.0.0.0:9000/users

不是指服务器的地址,而是电话的地址。

从Android模拟器运行请求时,效果很好,

,当对我的活动服务器的地址运行相同的请求时,它运行正常。