VS Code Live Server启动后Chrome访问站点超时无法打开问题求助

1. 优先排查基础网络访问配置 #

• 确认浏览器地址栏的访问地址为http://127.0.0.1:5500/你的文件路径.html，不要使用localhost作为访问域名。部分Windows环境下hosts文件将localhost优先解析到IPv6地址::1，但Live Server默认仅绑定IPv4回环地址，会直接导致请求无响应、加载超时。
• 检查Chrome代理规则：如果系统/插件代理将本地回环地址的请求也转发到远程代理节点，会出现本地服务正常运行但请求被代理拦截的情况。打开Chrome代理设置，将127.0.0.1、localhost加入代理绕过白名单即可。
• 检查本地防火墙/终端安全软件规则：确认Chrome拥有访问本地回环端口的权限，没有被安全策略拦截5500端口的入站、出站流量。

2. 调整Live Server插件核心绑定配置 #

如果切换到127.0.0.1访问仍然超时，修改插件配置强制绑定可用回环地址：

• 打开VS Code设置（快捷键Ctrl+,），搜索Live Server: Host配置项
• 将默认的空值/0.0.0.0修改为127.0.0.1
• 点击VS Code右下角的5500端口标识，选择Stop Live Server完全停止现有服务，重新点击Go Live启动后再测试访问。

3. 排查端口假绑定问题 #

部分场景下Live Server会出现启动假成功：插件弹窗提示端口已启动，但实际网络栈未正常监听端口

• Windows系统打开命令行执行netstat -ano | findstr :5500，Mac/Linux系统打开终端执行lsof -i :5500，确认5500端口的监听进程为VS Code内置的Node进程。如果存在其他未知进程占用该端口，直接在Live Server设置中搜索Live Server: Port，将默认端口修改为5501等未被占用的端口，重启插件测试。

4. 区分超时触发的不同场景 #

• 若按下F12打开开发者工具，网络面板显示HTML主文档已经加载成功，但页面一直挂起直到超时：检查HTML文件中是否引用了失效的外部资源（比如已失效的内网地址、停服的第三方CDN链接），浏览器会等待所有资源加载完成才呈现页面，单个挂起的外部资源就会触发访问超时提示，移除失效引用即可恢复。
• 若网络面板显示HTML主文档本身一直处于pending状态没有响应：回到前述网络配置、插件绑定、端口占用的步骤逐一排查即可。

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