求助：局域网内无法从其他设备连接create-react-app本地开发服务器

这问题我太熟了！之前帮好几个朋友排查过一模一样的情况，核心原因其实是react-scripts启动的开发服务器默认只绑定了localhost（127.0.0.1）——这个地址只能让本机访问，其他设备根本没法通过你的IPv4地址连接到它。而你的Node服务器能正常被外部访问，大概率是因为它默认绑定了0.0.0.0（允许所有网络接口的请求）。

给你几个直接可行的解决办法，按优先级来：

1. 修改启动命令，让开发服务器监听所有网络接口 #

这是最直接的解决方案。打开你的React项目根目录下的package.json，找到scripts里的start命令，根据你的操作系统修改：

如果你用 macOS/Linux： #

"scripts": {
  "start": "HOST=0.0.0.0 react-scripts start"
}

如果你用 Windows（CMD 命令行）： #

"scripts": {
  "start": "set HOST=0.0.0.0 && react-scripts start"
}

如果你用 Windows PowerShell： #

"scripts": {
  "start": "$env:HOST='0.0.0.0'; react-scripts start"
}

修改完保存，重新启动开发服务器。正常情况下，命令行输出里会出现类似 On Your Network: http://[你的IPv4地址]:3000 的提示，这时候其他设备就能通过这个地址访问你的React客户端了，而且开发时的热重载功能也能正常工作，完全不用每次修改都手动构建。

2. 验证配置是否生效 #

如果修改命令后还是不行，先检查开发服务器的启动日志：有没有显示外部可访问的地址？如果没有，说明HOST环境变量没设置成功，再核对一下命令格式（比如Windows下的set和&&不能少）。

另外，再确认一次你的IPv4地址是否正确——路由器有时候会动态分配IP，你可以在运行React的机器上用以下命令查看：

• Windows：打开CMD输入 ipconfig，找“以太网适配器”或“无线局域网适配器”下的“IPv4地址”
• macOS/Linux：终端输入 ip addr 或 ifconfig，找对应网卡的inet地址

为什么用Node托管build包能访问？ #

你提到的这个点也很好理解：当你用Node托管build文件夹时，用的是静态文件服务（比如express.static），这类服务默认是允许所有网络接口访问的，和react-scripts开发服务器的默认安全配置不一样——开发服务器默认限制在localhost是为了本地开发的安全性，避免意外暴露未完成的项目。

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