live server 默认仅监听 127.0.0.1，需手动将 liveserver.settings.host 改为 0.0.0.0 并用电脑局域网 ip（如 192.168.1.102:5500）访问，同时排查路由器 ap 隔离、wsl/容器环境及安全软件拦截。
Live Server 默认不支持局域网访问
VSCode 的 Live Server 插件默认只绑定 127.0.0.1（本地回环），手机连同一 Wi-Fi 也打不开，不是你网络没配好，是它压根没开外网监听。
必须手动改配置，让它监听 0.0.0.0 —— 这样才会接受来自本机以外的请求。
- 打开 VSCode 设置（
Ctrl+,或Cmd+,），搜Live Server Configurations - 找到
liveServer.settings.host，把值改成0.0.0.0 - 顺手检查
liveServer.settings.port是否为常用端口（如5500），避免被系统或防火墙拦截 - 重启 Live Server（先停再点「Go Live」）
手机浏览器里输什么地址才能看到页面
不是 localhost:5500，也不是 127.0.0.1:5500 —— 手机不认识这些。
得用你电脑在局域网的真实 IP 地址，比如 192.168.1.102:5500。这个地址每次连不同 Wi-Fi 都可能变。
- Windows：终端运行
ipconfig，找IPv4 地址（别选虚拟网卡那行） - macOS：终端运行
ifconfig | grep "inet " | grep -v 127.0.0.1，第一行就是 - 手机浏览器直接输入
http://192.168.x.x:5500（端口不能省） - 如果打不开，先关掉电脑防火墙临时试试；Mac 用户还要确认「系统设置 > 网络 > 防火墙」是否放行该端口
为什么改了 host 还是连不上？常见卡点
改了 host 只是第一步，还有三类情况会拦住你：
- 路由器启用了「AP 隔离」或「客户端隔离」：手机和电脑虽在同一 Wi-Fi，但被路由器禁止互访，需进路由器后台关闭该功能
- VSCode 在远程开发容器/WSL 里运行：
Live Server启动的是容器或 WSL 内部服务，宿主机 IP 不等于容器 IP，此时得额外配置端口转发 - 杀毒软件或安全中心劫持了 HTTP 请求：某些国产安全软件会静默拦截非
localhost的 HTTP 流量，可临时退出试试
移动端实时刷新不稳定？别全赖 Live Server
Live Server 的热更新靠的是 WebSocket 推送，而手机浏览器（尤其 iOS Safari）对后台标签页的 WebSocket 限制很严——切到别的 App 或锁屏后连接常断，导致刷新失败。
- 真机调试时尽量保持页面前台活跃
- 不要依赖自动刷新来验证交互逻辑，用手机手动点「刷新」更可靠
- 如果要做复杂交互测试，不如直接用 Chrome DevTools 远程调试：
chrome://inspect连上手机 Chrome，比 Live Server 更稳
最麻烦的其实是 IP 变更和路由器隔离，这两点不解决，其他配置全白调。
