VS Code中PHP文件的Live Reload功能突然失效无法正常使用

安全阿岳

2026-10-1

核对端口匹配：确认Chrome端Live Server扩展配置的端口，和VS Code启动Live Server时右下角显示的端口完全一致，默认端口为5500，如果VS Code侧修改过启动端口没有同步更新浏览器侧配置，就会导致重载失效。
禁用浏览器缓存：按F12打开Chrome开发者工具，切换到「网络」标签，勾选「禁用缓存」，刷新页面后修改文件测试重载功能。
核对VS Code侧Live Server配置：
- 确认Live Server > Settings: Auto Reload选项为开启状态，扩展重装后该配置可能被恢复为默认关闭
- 确认Live Server > Settings: Use Browser Preview为关闭状态，该功能会和独立Chrome的扩展产生冲突
- 检查Live Server > Settings: Ignore Files配置，确认你正在编辑的文件后缀、所在目录没有被加入忽略列表，被忽略的文件修改不会触发重载
检查端口占用：如果默认5500端口被其他程序占用，Live Server会自动切换端口启动，导致浏览器扩展连接失败。Windows可在终端执行netstat -ano | findstr 5500，Mac/Linux执行sudo lsof -i :5500，确认端口是被VS Code的Live Server占用，如被占用可手动修改Live Server启动端口并同步更新到Chrome扩展配置。
排查拦截规则：暂时关闭系统防火墙、第三方安全软件测试功能是否恢复，如果恢复正常，将VS Code和Chrome加入对应软件的白名单即可。