时间戳

首页 > 解决方案 > 如何使用 vscode 中的实时服务器在移动设备上查看我的 html 文件？

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

问题描述

我在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.xx

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

ipconfig

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

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

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

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

希望这会有所帮助。

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

但在我的移动设备上，仍然存在 ERR_ADDRESS_UNREACHABLE。我也听从了官方的指示。在我的移动设备上仍然无法使用.. 在此处输入图像描述

还有另一种方法吗？

标签： htmlvisual-studio-codeserverliveserver

解决方案

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

推荐阅读