You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

VS Code Live Server扩展启动无反应,访问报Cannot GET错误求助

解决Live Server无法正常加载HTML文件的方案
  • 检查文件路径与项目结构
    确保你的index.html文件位于VS Code当前打开的根目录下,而非子文件夹中。Live Server默认以当前工作区根目录作为服务器根路径,如果文件在子目录,访问路径要对应修改,比如文件在src文件夹下,需访问http://127.0.0.1:5500/src/index.html。

  • 修改Live Server的根目录设置
    打开VS Code设置(快捷键Ctrl+,),搜索Live Server: Root,将其设置为你的HTML文件所在的具体文件夹路径(比如./表示当前工作区根目录,或者./src指定子目录)。设置完成后重启Live Server生效。

  • 检查端口是否被占用
    打开命令提示符(Windows)或终端(Mac/Linux),执行命令netstat -ano | findstr :5500(Windows)或lsof -i :5500(Mac/Linux),查看5500端口是否被其他程序占用。如果占用,可修改Live Server端口:在设置中搜索Live Server: Port,更换为其他未被占用的端口(比如5501),再重新启动服务。

  • 验证HTML文件本身的正确性
    确保index.html文件没有语法错误,比如缺失闭合标签、错误的DOCTYPE声明等。可以用简单的测试文件验证:

    <!DOCTYPE html>
    <html>
    <head>
        <title>Test</title>
    </head>
    <body>
        <h1>Hello Live Server</h1>
    </body>
    </html>
    

    保存后用Live Server打开,看是否能正常加载。

  • 禁用冲突扩展
    某些VS Code扩展可能与Live Server冲突,比如其他服务器类扩展、代理类扩展。暂时禁用所有其他扩展,只保留Live Server,再尝试启动服务,排查是否是扩展冲突导致的问题。

  • 检查系统防火墙与杀毒软件
    防火墙或杀毒软件可能阻止了Live Server的网络请求。暂时关闭防火墙或杀毒软件,再尝试访问页面,若能正常加载,需将Live Server添加到信任列表中。

内容的提问来源于stack exchange,提问作者DuckDuckGoose

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.20 18:48:42