为什么我不能在手机浏览器上输入网址来查看我的直播网站？

Question

我在 Visual Studio Code 中使用了一个名为Live Server的扩展。当我实时运行时，浏览器会打开，网址为http://127.0.0.1:5500/index.html。为什么我在手机浏览器上打不开这个网址，在手机上看直播网站。有没有办法做到这一点（在手机和浏览器上实时重新加载）？

注意：我也使用 ionic 进行开发，当我ionic serve可以在浏览器上看到它时，当我打开 ionic dev 应用程序（不是 ionic 视图！）时，我可以在手机上看到实时应用程序。我可以在多个设备上查看它，条件是所有设备都在我可以接受的同一网络中。

Answer 1

127.0.0.1是为环回目的保留的专用 IPv4 地址。也就是说，这个IP是指你的电脑本身。

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

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

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

ipconfig

如果您使用的是 Mac 或 Linux，请改用它。

ifconfig

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

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

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

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

希望这会有所帮助。

Answer 2

您无法在手机上打开相同的 url，因为该 url 主机 (127.0.0.1) 指的是 localhost（同一台机器）。

如果您的手机和服务器在同一网络上，您可以将当前主机替换为服务器本地 IP。

因此，如果您的服务器本地 IP 是：192.168.0.36，您在手机中输入的 URL 应该是http://192.168.0.36:5500/index.html。

Answer 3

我有同样的问题。

解决方案：控制面板 -> Windows Defender 防火墙 -> 允许应用程序或功能通过 Windows Defender 防火墙 -> 允许的“code.exe”应用程序。