React项目设置HOST=0.0.0.0启动报错，请求排查及解决方案

错误原因分析 #

从报错日志能直接定位问题：

• 未设置端口时，hostname是0.0.0.0 （末尾带空格）
• 设置端口后，hostname变成0.0.0.0 PORT=80 （把PORT参数错误塞进了HOST变量，还带多余空格）

这是Windows下set命令的使用错误：变量赋值时等号前后不能加空格，且HOST和PORT需要分别单独设置，不能混在一起。

修正启动脚本 #

修改package.json里的start脚本，确保格式正确：

"start": "set HOST=0.0.0.0&&set PORT=80&&react-scripts start"

或者拆分写成更易读的形式：

"start": "set HOST=0.0.0.0 && set PORT=80 && react-scripts start"

注意：set HOST=0.0.0.0里的等号前后绝对不能有空格，否则变量值会带上空格，导致主机名解析失败；&&前后的空格不影响。

关于防火墙的问题 #

目前的错误和防火墙完全无关，是环境变量设置格式错误导致的主机名解析失败。等你修正脚本成功启动项目后，如果其他设备仍无法访问，再考虑以下操作：

• 确认开发机器和测试设备在同一个局域网内
• 用开发机器的实际IPv4地址（比如192.168.1.100）访问，不要用0.0.0.0（0.0.0.0仅表示监听所有网卡，不是可直接访问的地址）
• 检查开发机器的防火墙，允许对应端口（比如80或默认的3000）的入站连接

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