我如何使用 vscode 中的实时服务器在移动设备上查看我的 html 文件？

Question

我在PC上使用windows10 pro，在移动设备上使用android。我遵循了下面这个过程。

为什么我无法在手机浏览器中输入网址来查看我的实时网站？

127.0.0.1 是保留用于环回目的的特殊用途 IPv4 地址。也就是说，这个IP指的是>你的电脑本身。

通过在浏览器中输入 http://127.0.0.1:5500/index.html，您将在>计算机中请求网页。

正常情况下，您的计算机将位于 NAT 网络中（例如在同一 Wi-Fi AP 下），并且您将被分配一个虚拟 IP。通常是 192.168.x.x.

您可以在命令提示符中输入以下命令来查看您的 IP 地址。

ipconfig

因此，在您的网络接口卡下，您将获得您的 IP 地址。

如果IP地址属于虚拟IP，那么您可以使用手机访问它

http://< Your IP Address >:5500/index.html

如果不是虚拟IP，则为公共IP。然后，在这种情况下，您必须配置适当的防火墙设置。

希望这会有所帮助。

然后我完成了此操作：控制面板 -> Windows Defender 防火墙 -> 允许应用程序或功能通过 Windows Defender 防火墙 -> 允许的“code.exe”应用程序。

但在我的移动设备上，仍然存在 ERR_ADDRESS_UNREACHABLE。我也遵循官方指示。在我的移动设备上仍然无法使用..

还有其他方法吗？

Answer 1

只需将您的手机与笔记本电脑/PC 热点连接，然后转到 cmd 并输入 config 并获取您的 IP 地址，然后将您的服务器 IP 地址放入它将运行的浏览器中:)

Answer 2

哦我找到了！！！！如果有人使用公共 wifi，请不要这样做...它仅适用于私人 wifi。谢谢大家帮助我，我爱你们！！！！

Answer 3

我按照这个方法在我的Android手机上查看我的网页文件：

1. 配置网络和互联网设置，如下所示：设置 > 网络和互联网 > Wi-fi > 设备属性 > 专用网络

2. 在命令提示符中，键入

   ipconfig

   ，然后复制 ipv4 地址。

3. 转到 VS Code 中的“设置”，然后搜索 Live Server，然后搜索“设置：主机”

   在 localhost 或 127.0.0.1 或其他任何名称之间切换。默认值为 127.0.0.1。输入从命令提示符复制的 ipv4 地址，而不是默认的 127.0.0.1。

4. 在手机浏览器中搜索您的

   <ipv4 address>:<your port name>

   ，例如。

   192.156.0.2:5600