React项目编译成功但浏览器无法访问localhost对应端口问题求助
create-react-app启动成功无法访问localhost排查方案
- 检查本地hosts配置
Windows系统hosts路径:C:\Windows\System32\drivers\etc\hosts
Mac/Linux系统路径:/etc/hosts
确认文件中存在127.0.0.1 localhost配置,未被注释或修改为其他地址。修改后需刷新DNS缓存,Windows执行ipconfig /flushdns,Mac执行sudo dscacheutil -flushcache; sudo killall -HUP mDNSResponder。 - 验证服务实际监听地址
查看npm start启动后的终端输出,确认服务监听地址,可尝试直接访问127.0.0.1:3000替代localhost地址,测试是否可正常打开。 - 排查安全工具拦截
确认本地防火墙、杀毒软件或安全助手类工具未拦截Node.js的网络请求,可暂时关闭对应工具后重试,或把Node.js添加到防火墙允许通行列表。 - 手动指定启动监听地址
修改项目package.json中的启动脚本,手动绑定本地地址:
Mac/Linux环境将scripts下的start字段修改为:"start": "HOST=127.0.0.1 react-scripts start"
Windows环境修改为:"start": "set HOST=127.0.0.1 && react-scripts start"
修改后重新执行npm start即可。 - 确认端口无占用
执行命令检查对应端口是否被其他进程占用:
Windows执行netstat -ano | findstr "3000"
Mac/Linux执行lsof -i:3000
如有对应占用进程,杀死进程后重试即可。
内容的提问来源于stack exchange,提问作者Amin
相关产品推荐
相关产品推荐

