在另一台计算机上使用Visual Studio Code的实时服务器

Question

我有两台电脑。在第一台上用 live server 打开项目时，它会给我这个网址 127.0.0.1:5500/index.html。 我想在另一台电脑的浏览器中输入该网址，但无法访问。 是否有解决方法？

- rony

---

尝试使用运行有liver服务器的计算机的IP，而不是127.0.0.1行192.168.0.50:5500/index.html，或者在具有浏览器的计算机上使用该计算机在主机表中已知的名称。 - rioV8

这个问题已经有答案了。我之前也遇到过同样的问题，但现在它已经解决了。我在我的桌面上编写HTML代码，然后在我的笔记本电脑上观看神奇的效果。 - Hugo Leonardo

我曾经有同样的问题。但是我查看了下面的链接。这个人已经回答了你的问题。我也曾经怀疑过，但现在它正常工作。vs-live-share-and-live-server - Hugo Leonardo

Answer 1

这是我在VS Code中使用的方法:

1.- 前往你的扩展选项:

2.- 确保你已勾选 "Use Local Ip" 选项:

3.- 在终端上检查本地IP地址（例如，Windows上的 ipconfig），并将你的实际服务器URL的IP地址替换为本地IP地址:

- Valdemar

---

刚刚今天做了这个。在打开“使用本地IP”后，请确保重新启动VSCode。然后在任何外部设备上，进入WiFi并查找“IP地址”，在IP地址后面添加“:5500”，例如“192.168.0.000:5500”。你也可以使用“localhost:5500”，它应该可以正常工作。 - undefined

Answer 2

您可以尝试在托管计算机上使用PowerShell进行端口转发。我使用wsl2，当我想在另一台计算机上预览时，我会使用PowerShell进行端口转发。

netsh interface portproxy add v4tov4 listenport=xxxx listenaddress=(host pc ip address) connectport=yyyy connectaddress=(wsl2 ip address)

在您的情况下，尝试将listenaddress和connectaddress设置为相同（即您的主机），并使用上述脚本将监听端口和连接端口设置为5500。

最后一步是在防火墙中添加入站规则。

- Aregawi

Answer 3

将端口5500放入防火墙以便从其他电脑访问

通过局域网连接电脑并设置静态IP

然后像xxx.xxx.xxx.xxx:5500/这样调用

- hossein sedighian

Answer 4

它不起作用是因为你正在使用环回地址（127.0.0.1），为了在整个局域网上访问你的实时服务器，你需要在 vscode/liveserver 设置中将此地址更改为你的私有地址，它将类似于（192.168.100.XXX）

- samueldubik

Answer 5

你可以进入设置-实时服务器，勾选使用本地IP选项，然后停止实时服务器并重新启动。 现在实时服务器使用本地IP地址，并且您可以在其他PC上打开您的文件。 输入图像说明

- Carlos Medina

Answer 6

您不需要任何额外的东西。 只需在命令提示符中键入“ipconfig”以查找本地IPv4地址，然后在另一台计算机的浏览器中键入此IPv4：5500即可完成操作。 （您必须启动Live Server）

例如：192.168.1.5:5500

- David NoHorizon