【问题标题】：how to view "localhost" on my iPod touch如何在我的 iPod touch 上查看“本地主机”
【发布时间】：2012-03-07 10:11:44
【问题描述】：

我在 localhost 上建立了一个网站：

http://localhost/my-website

我需要在我的 iPhone 上测试它，但我不知道该怎么做。我是否只是更改我的 httpd-vhosts.conf 文件，如果是，设置是什么？

【问题讨论】：

只用iPhone模拟器的safari？
如果您使用的是 Angular 应用程序，那么您可以运行 ng serve --host 192.168.1.10

标签： iphone localhost

【解决方案1】：

假设您的开发机器名为my-macbook-pro，您应该只能在 iPhone 上导航到 http://my-macbook-pro.local/mywebsite。

【讨论】：

my-macbook-pro 是我的用户名吗？我刚试过……但没有用。
如果你去终端应该是冒号前的文字。
要获取“计算机名称”（在本例中为 my-macbook-pro），请输入终端 scutil --get ComputerName。获取“用户名”whoami.
哇。它有效，我不敢相信。这比我刚刚花了几个小时破解我的 DD-WRT 路由器以使我能够做类似的事情要容易得多。 :-)
我最终使用了这种方法：stackoverflow.com/a/41857012/470749

【解决方案2】：

为了稍微扩展 Richard J. Ross III 的回答，“localhost”是一个仅用于指本地计算机的名称。为了让您的 iPhone 能够访问该机器上的内容，它必须：

在与服务器机器相同的网络上拥有一个 IP 地址。

这可以通过将 iPhone 连接到与 PC 在同一网络上的无线接入点来实现，或者通过在两个设备之间创建一个 ad-hoc 无线网络来实现。
响应来自网络客户端的 HTTP 请求。

假设服务器和 iPhone 在同一个网络上，流量应该可以在它们之间流动。但是，为了让您的 Web 内容对 iPhone 可见，还必须将 Web 服务器配置为响应对服务器计算机 IP 地址的请求。

这通常不是问题，因为 Web 服务器通常配置为响应发送到任何机器 IP 地址的 HTTP 请求。可以将服务器配置为仅响应本地请求，但这不是典型的默认设置

如何检查或修改此设置取决于您使用的 HTTP 服务器软件。由于未指定此信息，因此我将包含有关 Apache2 的说明，因为这是一种非常常见的 HTTP 服务器选择。

Apache 的监听指令

Apache 的主配置文件是httpd.conf，它位于您的Apache 目录的conf 子目录中。 Apache 根目录的位置取决于您使用的操作系统以及安装时是否选择了自定义位置。

httpd.conf 文件包含一个名为 Listen 的指令，它控制 Apache 侦听传入 HTTP 请求的接口（IP 地址和端口）。

该指令的默认形式通常是

Listen 80

这指定机器将在其任何 IP 地址上响应在端口 80 上发出的请求，该端口是 HTTP 流量的默认端口。

您可以修改 Listen 指令以使用与机器关联的任何地址，包括名称 localhost 解析为的环回地址 (127.0.0.1)。

如果 Apache 设置为仅侦听环回地址，那么您的服务器机器将仅响应在本地机器上发出的请求。在此配置中，您的 Listen 指令将如下所示：

Listen 127.0.0.1:80

如果是这种情况，您将需要更改为监听所有地址（如上例所示），或仅监听 iPhone 用于与服务器计算机通信的地址。

【讨论】：

【解决方案3】：

100% 可行的解决方案

（对于 linux + apache + vhosts）

如果您使用虚拟主机（同一服务器 apache 上的多个站点），接下来的几个提示可以帮助您在移动设备上查看本地网站：

1) VHOST 编辑 - 您应该转到服务器上的 /etc/apache2/sites-available/。可以有几个文件.conf，每个文件都包含一个apache的虚拟主机配置。默认文件看起来像 000-default.conf。使用管理员权限sudo 打开它（或另一个）。在该文件中，您应该会看到如下内容：

 <VirtualHost *:80>
        ServerName auction.dev
        ServerAdmin test@test.com
        DocumentRoot /var/www/public_html/html
        ErrorLog /var/www/logs/error.log
        CustomLog /var/www/logs/access.log combined
 </VirtualHost>

2) XIP.IO - 这项特殊服务（完全免费）可以帮助您。您应该添加到.conf 文件的下一行 - ServerAlias auction.dev.*.xip.io，在此操作之后您的文件将如下所示：

<VirtualHost *:80>
            ServerName auction.dev
            ServerAlias auction.dev.*.xip.io
            ServerAdmin test@test.com
            DocumentRoot /var/www/public_html/html
            ErrorLog /var/www/logs/error.log
            CustomLog /var/www/logs/access.log combined
</VirtualHost>

编辑后你应该保存这个文件并使用命令sudo apachectl restart重新启动apache。

3) 从移动设备查看 - 您需要知道服务器的 ip，在我的情况下 ip = 192.168.1.247。现在在您的移动浏览器中输入auction.dev.192.168.1.247.xip.io，您应该会看到您的本地网站。

【讨论】：

【解决方案4】：

我正在使用 xampp。 localhost 在端口 8080 上工作。我只是用 ipconfig 找到我的 ip 并浏览到http://10.0.0.1:8080。就这么简单！

【讨论】：

【解决方案5】：

如果您只想更好地了解本机行为而不仅仅是浏览器开发工具，您可以使用 iOS 模拟器并在 safari 应用程序中输入 localhost:xxxx。

【讨论】：

【解决方案6】：

对于 OSX，请转到系统偏好设置/共享。在那里，您可以找到并更改您的计算机名称。在同一部分，您还必须使用“iPhone USB”端口启用“Internet 共享”服务。

然后您可以在 http://{ computer_name }.local/my-website 查看您的网站。

【讨论】：

如果您使用的是 vpn 并且您想访问的页面只能通过它访问，那么这是要走的路！

【解决方案7】：

当您使用电缆将您的 ipod 连接到您的 macbook 时，该设备会出现在您 Mac 上的 safari 中，位于开发人员下的菜单中。当您单击此选项时，您可以看到与您在 ipod 上看到的完全相同。

【讨论】：

【解决方案8】：

按照这些步骤对我有用：

https://mtm.dev/iphone-localhost-mac

它基于Internet Sharing via USB 并设置和使用device_name，然后将其用作<device_name>.local:<port>

【讨论】：