React Native无法从Node.js+MySQL接口获取数据问题求助

核心问题：React Native中localhost的指向错误 #

在Postman里localhost指向你的电脑，但在React Native模拟器/真机中，localhost指的是设备本身而非运行Node服务的电脑，这是导致网络错误的最常见原因。以下是具体解决步骤：

1. 替换请求地址为电脑局域网IP #

• 获取电脑局域网IP：
  • Windows：打开命令提示符，输入ipconfig，找到「IPv4地址」（通常为192.168.x.x格式）
  • Mac/Linux：打开终端，输入ifconfig或ip addr，找到对应网络接口（如en0）的inet地址
• 修改React Native中的请求代码：

  axios.get("http://你的电脑IP:3000/user") // 示例：http://192.168.1.100:3000/user
  

2. 让Node服务允许外部访问 #

修改Node代码的app.listen部分，让服务监听所有网络接口（0.0.0.0），而非仅本地：

var port = process.env.port || 3000;
app.listen(port, '0.0.0.0', ()=>{
  console.log("listening on port" , port)
})

3. 处理Android模拟器的特殊映射 #

如果使用Android模拟器，除了电脑IP，还可以用模拟器内置的映射地址10.0.2.2（对应电脑的localhost），修改请求为：

axios.get("http://10.0.2.2:3000/user")

4. 检查防火墙设置 #

确保电脑防火墙没有拦截3000端口的外部请求：

• 临时关闭防火墙测试是否能正常访问
• 若测试通过，在防火墙中添加规则，允许3000端口的入站连接

5. 优化CORS配置（可选） #

虽然已添加cors中间件，可尝试更宽松的配置确保兼容性：

app.use(cors({
  origin: '*',
  credentials: true,
  methods: ['GET', 'POST', 'PUT', 'DELETE']
}));

验证步骤 #

1. 重启Node服务
2. 确保React Native设备（模拟器/真机）和电脑在同一WiFi局域网下
3. 重新调用get函数测试

内容的提问来源于stack exchange，提问作者Ahmed Ali Soomro