React Native中Axios Post请求失败问题排查

先给代码补全错误捕获逻辑，拿到更详细的错误信息，不要只停留在表面的通用报错：

axios
.post("http://localhost:3000/passageiros", 
    {
        nome: "Diego",
        celular: "898",
        senha: "23232323",
    }
)
.then((response) => {
  setPost(response.data);
})
.catch((error) => {
  // 打印完整错误信息，获取更多排查细节
  console.log('完整错误:', error);
  console.log('错误详情:', error.toJSON());
  if (error.response) {
    console.log('响应状态码:', error.response.status);
    console.log('响应内容:', error.response.data);
  }
});

接下来按优先级逐一排查：

• 本地地址访问适配
  React Native模拟器/真机不能直接用localhost访问电脑上的后端服务：

  • Android模拟器：把localhost替换成10.0.2.2（这是Android模拟器映射电脑localhost的默认网关地址）
  • iOS模拟器：可以尝试使用电脑的局域网IP（比如192.168.x.x），部分版本也兼容直接用localhost
  • 真机测试：必须使用电脑的局域网IP，同时确保手机和电脑在同一WiFi环境下，后端服务启动时绑定0.0.0.0（而非仅127.0.0.1），允许外部设备访问

• 后端跨域配置检查
  Postman不受浏览器同源策略限制，但如果后端未配置CORS（跨域资源共享），可能会拒绝React Native的请求：
  以Express框架为例，安装并启用cors中间件：

  const cors = require('cors');
  app.use(cors()); // 开发环境允许所有来源请求，生产环境建议指定允许的域名
  

• 请求头一致性校验
  对比Postman和Axios的请求头，确保关键字段一致：
  Axios默认发送Content-Type: application/json，如果Postman里有额外请求头（比如Accept: */*），可以手动添加到Axios请求中：

  axios.post("http://你的服务地址/passageiros", 
    { nome: "Diego", celular: "898", senha: "23232323" },
    {
      headers: {
        'Accept': '*/*',
        // 其他需要匹配的请求头
      }
    }
  )
  

• 后端服务状态确认
  确保后端服务确实在3000端口运行，并且可以通过电脑浏览器/Postman正常访问http://localhost:3000/passageiros（再次验证POST请求的可用性）

内容的提问来源于stack exchange，提问作者Diego Alves