为什么我不能在手机浏览器上输入网址来查看我的实际网站?

时间:2018-05-20 15:48:30

标签: server

我在Visual Studio Code中使用名为Live Server的扩展名。当我直播时,浏览器会打开,网址为http://127.0.0.1:5500/index.html。为什么我不能在手机浏览器上打开此网址以查看手机上的实时网站。有没有办法做到这一点(在手机和浏览器上实时重新加载)?

注意:我也开发使用离子,当我ionic serve我可以在浏览器上看到它,当我打开离子开发应用程序(非离子视图!)时,我可以看到手机上的实时应用。我可以在多个设备上查看它,条件是所有设备都在同一个网络中,我很好。

6 个答案:

答案 0 :(得分:1)

您无法在手机上打开相同的网址,因为该网址主机(127.0.0.1)指的是本地主机(同一台计算机)。

如果您的手机和服务器位于同一网络上,则可以使用本地IP服务器替换当前主机。

因此,如果您的服务器本地IP是:192.168.0.36 您在手机中输入的网址应为http://192.168.0.36:5500/index.php

答案 1 :(得分:1)

运行ipconfig并找到您的私有IP。 确保您的手机在同一网络上。 转到http://192.168.0。***:5500 /

答案 2 :(得分:1)

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,则可以使用手机

访问该IP地址
http://< Your IP Address >:5500/index.html

如果它不是虚拟IP,则为公共IP。然后,您必须在此情况下配置相应的防火墙设置。

希望这会有所帮助。

答案 3 :(得分:1)

我遇到了同样的问题。

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

答案 4 :(得分:1)

打开 Live server 的 settings.json 并添加这两个设置 "liveServer.settings.useLocalIp": true"liveServer.settings.host": "localhost"。然后在您的移动浏览器中输入您的本地主机 IP(在我的例子中是 192.168.0.110)以及 Live 服务器 URL 的其余部分,即 192.168.0.110:5500/index.html。这对我有用。

答案 5 :(得分:0)

让我为你清楚这一点。我们将localhost或127.0.0.1称为循环返回。它本身指向同一台机器(意味着特定服务也应该托管在同一台机器上)。微软对visual studio live share的做法是,如果有实时共享扩展,它将在主机(托管服务器的地方)和目标(在这种情况下是你的浏览器)之间创建一个反向代理,这意味着即使你的主机在扩展程序将透明代理隧道传送到您的环回地址。 visual studio live share extension是你手机没有的,微软还不支持。如果您仍想访问本地服务,您可以关闭防火墙(或通过托管您服务的特定端口)并将您的手机连接到与运行该服务的计算机相同的网络,而是使用{ {3}}使用http:// UR SERVER IP:5500 / index.html你可以通过在windows命令提示符下输入ipconfig来获取UR SERVER IP,如果你的服务器在linux上,则可以获得ifconfig。