GitHub Codespaces访问Live Server遇阻：从127.0.0.1切换至172.16.5.4仍报错

问题根源 #

GitHub Codespaces是运行在云端的容器环境，容器内部的127.0.0.1或私有IP（比如你遇到的172.16.5.4）属于容器内网地址，本地浏览器无法直接穿透访问。Live Server默认绑定这类内网地址，自然会出现连接超时或无法访问的问题。

具体修复步骤 #

1. 调整Live Server绑定地址
   • 打开VS Code设置，搜索Live Server: Host
   • 将配置值改为0.0.0.0，这会让Live Server监听容器的所有网络接口，允许Codespaces的端口转发服务识别并暴露该服务
2. 通过端口转发访问
   • 启动Live Server后，VS Code右下角会弹出端口就绪的通知，直接点击“Open in Browser”即可打开预览页面
   • 如果没弹出通知，打开左侧的「Ports」面板（在Explorer面板下方），找到Live Server使用的端口（默认是5500），点击端口旁的浏览器图标即可访问
3. 确认端口可见性
   • 在Ports面板中，确保对应端口的「Visibility」设置为Private（仅自己可访问）或Public（可分享链接给他人）
   • 若当前是不可见状态，点击Visibility下拉菜单切换即可

额外排查项 #

• 检查端口是否被占用：在Codespaces终端执行lsof -i :5500（替换为你的Live Server端口），如果有进程占用，杀掉进程或修改Live Server的端口配置
• 验证网络连通性：终端执行ping github.com，确认Codespaces的网络连接正常

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