我在 Visual Studio Code 中使用了一个名为 Live Server 的扩展。当我实时运行时，浏览器打开并且 URL 是http://127.0.0.1:5500/index.html。为什么我无法在手机浏览器上打开此网址以查看手机上的实时站点。有没有办法做到这一点（在手机和浏览器上实时重新加载）？
注意：我也使用 ionic 进行开发，当我 ionic serve 我可以在浏览器上看到它，当我打开 ionic 开发应用程序（不是 ionic 视图！）时，我可以看到实时应用程序通话中。我可以在多个设备上查看它，条件是所有设备都在同一个网络中，我可以接受。
【问题讨论】：
标签： server
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
如果您使用的是 Mac 或 Linux，请改用它。
ifconfig
因此，在您的网络接口卡下，您将获得您的 IP 地址。
如果IP地址属于虚拟IP，则可以通过手机访问
http://< Your IP Address >:5500/index.html
如果不是虚拟 IP，则为公共 IP。然后，您必须在这种情况下配置适当的防火墙设置。
希望这会有所帮助。
【讨论】：
您无法在手机上打开相同的 url，因为该 url 主机 (127.0.0.1) 指的是 localhost（同一台机器）。
如果你的手机和服务器在同一个网络，你可以用服务器本地IP替换当前主机。
所以如果你的服务器本地 IP 是：192.168.0.36 您在手机中输入的网址应为http://192.168.0.36:5500/index.html。
【讨论】：
运行 ipconfig 并找到您的私有 IP。 确保您的手机在同一网络上。 去http://192.168.0.***:5500/
【讨论】：
我遇到了同样的问题。
解决方案：控制面板 -> Windows Defender 防火墙 -> 允许应用或功能通过 Windows Defender 防火墙 -> 允许“code.exe”应用。
【讨论】：
打开 Live 服务器的 settings.json 并添加这两个设置 "liveServer.settings.useLocalIp": true 和 "liveServer.settings.host": "localhost"。然后在您的移动浏览器中输入您的 localhost ip（在我的情况下是 192.168.0.110）以及 Live 服务器 URL 的其余部分，即192.168.0.110:5500/index.html。这对我有用。
【讨论】：
让我为你解决这个问题。我们将 localhost 或 127.0.0.1 称为环回。它本身将指向同一台机器（意味着特定服务也应该托管在同一台机器上）。微软对 Visual Studio Live Share 所做的是，如果有 Live Share 扩展，它将在主机（托管服务器的位置）和目标（在这种情况下是您的浏览器）之间创建一个反向代理，这意味着即使您的主机在在不同的国家/地区，扩展程序会将透明代理通过隧道传输到您的环回地址。 Visual Studio Live Share 扩展是您的手机所没有的，Microsoft 还不支持。如果您仍然想访问您的本地服务，您可以做的是关闭防火墙（或通过托管您的服务的特定端口）并将您的手机连接到与运行服务的机器相同的网络，而不是使用 @ 987654321@ 使用 http:// UR SERVER IP :5500/index.html 您可以通过在 windows 命令提示符中提供 ipconfig 或 ifconfig 如果您的服务器在 linux 上来获取 UR SERVER IP。
【讨论】：