You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

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
  • 第二步:配置Live Server允许外部设备访问
    默认情况下Live Server只绑定本地回环地址,我们需要修改设置让它监听所有网卡:
    如果你用的是VS Code的Live Server插件:

    1. 打开VS Code设置(快捷键Ctrl+,Cmd+,
    2. 在搜索框输入「Live Server: Host」
    3. 将默认值127.0.0.1改成0.0.0.0(这个值表示允许所有IP访问)
    4. 重启Live Server,现在它会开放给整个局域网
  • 第三步:确认两台电脑在同一个局域网
    确保两台设备连接的是同一个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

火山引擎 最新活动