XAMPP - 将移动热点上的我的 PC 本地主机共享到任何设备

Question

我想在我的手机中尝试

localhost

，这样我就可以看看它是否真的

responsive

，因为在chrome中只有很少的选择，比如

iPad,etc..

，所以我的电脑有一个移动热点。是否可以将我的

localhost

分享到已连接的设备？

Answer 1

您为什么使用 PC 作为移动热点？是否没有另一个网络可以让您的 PC 和其他设备连接到并互相找到对方？

无论如何，

localhost

只是本地环回IP地址（127.0.0.1）的简写，用于计算机处理对自身的网络请求。现在，如果其他设备可以连接到 PC，那么您需要做的就是找出您在本地网络上的 IP 地址是什么，XAMPP 的 Apache 服务器是否正在侦听网络上的请求，以及是否有任何本地防火墙没有监听阻止访问。

(Windows)在执行其他操作之前，请确保 Windows IIS 未运行！它占用了默认的 http 端口 (80)，如果存在就会导致问题！

首先，找出您的 IP 地址：

• (Windows)打开命令提示符（开始 -> 搜索 cmd.exe 或运行并输入 cmd） // (Linux/Unix/Mac)打开终端
• (Windows)运行 ip-config 并查找指定您的 IPv4 地址的行，如果必须 // (Linux/Unix/Mac)运行 ifconfig 并查找声明 inet 的行，请将其写下来。 不管怎样，这个地址可能看起来像 192.168.X.Y

接下来，检查 Apache 是否正在监听

• 由于这通常是默认设置，因此很可能是这样。因此，抓住连接在同一网络上的任何其他设备并打开浏览器
• 在地址栏中输入运行 XAMPP 的 PC 的 192.168.X.Y IP 地址
• 如果您没有看到错误，请转到您的文件并享受！
• 如果确实出现错误，请更改 Apache (httpd.conf) 的配置并搜索包含“Listen 80”的行，如果找不到它，则它可能正在侦听 0.0.0.0:80，您需要将该行编辑为“Listen 80”，因为这将允许它侦听网络上的所有地址。

最后，您无法访问它，因此请检查您的防火墙是否阻止访问。这通常是 Windows 防火墙不信任任何不带有 Microsoft 标签的内容

• 进入控制面板 > Windows 防火墙 > 允许程序通过 Windows 防火墙进行通信 > 添加另一个程序 名称：http 端口：80

如果它仍然不起作用并且您正在运行 Windows，请参阅 此 Stack Overflow 问题，因为您不是第一个在设置时遇到问题的人。

Answer 2

第1步：将PC和手机连接到同一个热点/WIFI

第2步：将项目文件夹放入XAMPP软件的“htdocs”文件夹中。 （一般路径：“C:\xampp\htdocs”）

第3步：在XAMPP控制面板上启动Apache服务器。

第 4 步：检查您的电脑 IPv4 地址。 （打开命令提示符（CMD），然后输入“ipconfig”按 Enter。您将能够在显示列表中看到您的 IPv4 地址。）

第 5 步：在移动浏览器中，输入“/”，后跟您的 PC IPv4 地址，然后输入项目文件夹名称并搜索。

例如：让我们假设，

项目文件夹名称：“test”

PC IPv4：“192.168.12.345”

在手机上输入“192.168.12.345/test”并搜索。 （确保“test”文件夹中的文件名为“index.html”或“index.php”）

如果您的文件名是“example.html”，则输入“192.168.12.345/test/example.html”并搜索。