VS Code Live Server扩展启动无反应,访问报Cannot GET错误求助
检查文件路径与项目结构
确保你的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

