React应用在局域网其他设备无法访问的问题求助

核心解决步骤 #

• 先确认手机和电脑连同一个局域网（必须是同一Wi-Fi/有线网络，手机别用流量）
• 启动应用时直接用这条命令，别把0.0.0.0换成你的IP：

  npm start --port 3000 --host 0.0.0.0
  

  0.0.0.0的作用是让开发服务器监听电脑所有网络接口，这样局域网里的其他设备才能连上。
• 检查电脑防火墙：
  • Windows：打开Windows Defender防火墙，允许Node.js（或React开发服务）通过防火墙访问局域网
  • macOS：去系统设置-网络-防火墙，把Node.js加入允许列表
• 找到电脑的局域网IP：
  • Windows：cmd里输ipconfig，找Wi-Fi/以太网的IPv4地址
  • macOS/Linux：终端输ifconfig或ip addr，找对应网络的inet地址
• 手机上直接输[你的电脑IP]:3000访问，比如192.168.1.105:3000

为什么之前换IP会报错？ #

你把0.0.0.0换成自己IP后，服务器只会监听这个指定IP的接口，反而限制了访问范围，导致手机请求超时，用0.0.0.0才是正确的配置。

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