VSCode Live Server跨设备访问求助:127.0.0.1无法在另一台电脑打开
解决跨设备访问Live Server的问题
我来帮你搞定这个问题!你遇到的情况其实很普遍——127.0.0.1是本地回环地址,它只能在运行Live Server的那台电脑上被访问,其他设备自然连不上。下面是一步步的解决方法:
第一步:获取运行Live Server电脑的局域网IP地址
这是另一台设备用来访问你的项目的核心地址:- Windows:按下
Win+R打开运行框,输入cmd回车,在命令行里执行ipconfig,找到“以太网适配器”(有线)或“WLAN”(无线)下的「IPv4地址」,比如192.168.1.105 - Mac/Linux:打开终端,执行
ifconfig(Linux也可以用ip addr),找到对应网卡(无线一般是en0,有线是en1)下的inet字段,后面的就是局域网IP
- Windows:按下
第二步:配置Live Server允许外部设备访问
默认情况下Live Server只绑定本地回环地址,我们需要修改设置让它监听所有网卡:
如果你用的是VS Code的Live Server插件:- 打开VS Code设置(快捷键
Ctrl+,或Cmd+,) - 在搜索框输入「Live Server: Host」
- 将默认值
127.0.0.1改成0.0.0.0(这个值表示允许所有IP访问) - 重启Live Server,现在它会开放给整个局域网
- 打开VS Code设置(快捷键
第三步:确认两台电脑在同一个局域网
确保两台设备连接的是同一个WiFi,或者通过有线接入同一个路由器——不在同一局域网的话,就算配置对了也访问不了第四步:检查防火墙设置
运行Live Server的电脑防火墙可能会阻止外部设备访问5500端口:- Windows:打开「Windows Defender防火墙」,找到「允许应用通过防火墙」,确保VS Code或者Live Server被允许;也可以手动添加入站规则,开放5500端口
- Mac:打开「系统设置」→「网络」→「防火墙」,点击「选项」,确保VS Code被允许接收传入连接
完成以上步骤后,在另一台电脑的浏览器里输入 [你的局域网IP]:5500/index.html(比如192.168.1.105:5500/index.html),就能正常访问你的项目啦!
内容的提问来源于stack exchange,提问作者rony




