React Native从Express.js服务器取数失败，更换安卓模拟器已解决

嘿，很高兴你换模拟器解决了问题！作为Node.js新手，前后端联调时确实容易踩一些不起眼的小坑，我帮你梳理几个核心步骤，你可以对照看看有没有遗漏：

• 后端服务的可访问性验证
  先确保你的Express服务器能独立正常工作：用浏览器直接访问后端接口，或者在终端执行curl http://你的服务器IP:端口/接口路径，确认能拿到预期的JSON数据，而不是错误页或空响应。另外要注意：安卓模拟器不能直接用localhost访问本地服务器，得换成10.0.2.2（对应宿主机器的localhost）或者你电脑的实际局域网IP；iOS模拟器则可以直接用localhost，这大概率是你换模拟器解决问题的核心原因。

• 跨域请求（CORS）配置
  Express默认不处理跨域请求，如果前后端端口/域名不一致，必须配置CORS才能让前端正常拿到数据。最简单的方式是用cors包：

  // 先安装依赖：npm install cors
  const cors = require('cors');
  const app = express();
  app.use(cors()); // 全局启用CORS
  

  没配置CORS的话，模拟器会直接拦截请求，自然拿不到数据。

• 前端请求的错误捕获
  发起请求时一定要加错误处理逻辑，避免默默失败却找不到原因。比如用fetch的话：

  try {
    const response = await fetch('你的后端接口地址');
    if (!response.ok) {
      throw new Error(`请求失败：${response.status} ${response.statusText}`);
    }
    const sightingsData = await response.json();
    // 更新state
    setSightings(sightingsData);
  } catch (error) {
    console.error('获取数据出错：', error);
  }
  

  这样能快速定位是请求没发出去，还是后端返回了404/500这类错误。

• 后端路由与响应格式检查
  确认Express的路由路径和前端请求的路径完全匹配，比如前端请求/api/sightings，后端就得有app.get('/api/sightings', ...)的路由。另外，后端返回数据时一定要用res.json(你的数据)，确保返回的是标准JSON格式，而不是res.send或其他方式。还要检查后端是否正确读取了JSON文件——比如用fs.readFile读取时有没有处理异步，或者用require读取的话，修改JSON文件后要重启服务器（因为require会缓存文件）。

• 模拟器网络权限确认
  部分安卓模拟器可能默认限制了网络访问，或者需要手动切换到和电脑同一局域网的网络环境。你这次换模拟器解决了问题，可能就是之前的模拟器网络配置有问题，以后遇到类似情况可以先检查模拟器的网络连接状态。

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