WebpackDevServer localhost

如果你正在使用一个在节点上运行的应用程序。你可以使用webpack作为构建工具，并使用其内置的开发服务器

您可以使用webpackdevserver从本地主机服务器启动应用程序，然后传入您选择的本地主机地址和端口。

webpack-dev-server --host 192.168.0.89 --port 3000

然后从你的iPhone上使用

http://192.168.2.89:3000

注意:你的笔记本电脑和iPhone应该在同一个网络上，你应该使用你的本地主机ip地址。 对于Mac如何找到ip地址，您可以参考Get本地ip地址在node.js

如果你不在同一个网络上，你可以使用这个叫做localtunnel的第三方工具

http://localtunnel.me/

它基本上是通过另一个服务器路由你的内容，然后你访问它。

如果你正在做一个php项目，你可以改变href的基本值:

<基地href = " < ?php echo str_replace("localhost"，"192.x.x.x"，HTTPS_SERVER);?”> >

Localhost或127.0.0.1:取决于您的设置 192. x.x。X:您的本地IP地址 HTTPS_SERVER:之前的base href

这样做对于在手机上加载图像、css和js文件至关重要。

您可以使用计算机的ip代替http://localhost。

但它可能无法访问。您必须编辑服务器软件的httpd.conf(或等效的配置文件)。我现在没有安装php，但你可以搜索关键字:“允许从或/目录”

注意:运行XAMPP的PC的IP必须是静态IP(不是DHCP分配的)，否则每次重启PC时都需要手动检查。

如果你使用Mac，进入系统首选项>网络，使用你的IP地址而不是本地主机。您也可以使用端口号。在我的例子中，我有一个在端口1448上运行的服务器，我可以使用iPhone预览192.168.1.241:1448。

步骤:

我假设您已经启动了web服务器(默认端口:8080上的apache tomcat)。

windows 10下:

打开你的防病毒软件，进入防火墙部分，并找到端口 ，并添加“本地TCP/IP端口:8080”允许访问 从命令提示符获取机器IP地址。(IPv4地址) 从iPhone启动chrome浏览器，转到ip地址:8080地址。

希望这能有所帮助。