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

对于那些使用正确IP地址但仍然无法连接到本地服务器的人，另一件要检查的事情是您或您的同事没有将设备配置为使用代理服务器。

我有一台设备无法连接，结果发现该设备被配置为使用Charles Proxy，当然它没有运行。

老问题。对我有用的新答案我。

通过USB连接你的iPhone和电脑。

打开系统首选项>共享。

在左侧选项卡中选择Internet共享。这将显示您的互联网共享控件在右侧。

如果“Internet共享”后的复选框已启用，请取消勾选。

在“互联网共享”选项的右侧，勾选“iPhone USB”。

通过勾选其复选框启用Internet共享。可能会弹出一个窗口，要求您确认此操作。

找到顶部附近的消息，上面写着:“您本地网络上的计算机可以通过:xxxx.local访问您的计算机。记下xxxx说了什么——这是你的计算机的名称。你要把它输入到你的地址栏，所以我建议你把它编辑成一个简短的单词。

现在您应该能够从xxxx访问您的本地主机服务器。Local:yyyy，其中XXXX是上一步中您的名称，yyyy是服务器的端口号。

找到你系统的IP地址和你运行网站的端口。

假设您的IP地址是121.300.00.250，端口是8080。

[端口号:在运行页面时看到您的web浏览器，例如:localhost:8080/…]那么端口号是8080]

现在在你的手机转到121.300.00.250:8080/..你会找到你的网站。

重要提示:您必须确保您的服务器(例如Apache Tomcat)处于启动状态

For Mac users, open up the Network Utility (You can find this by typing cmd + space which will open spotlight and then in spotlight start typing Network Utility). Select Network Utility, when it's open, your IP address will be found next to the label IP Address. So basically with the IP, you can get into any open ports on your local mac e.g. if your website is running locally on localhost:3000 and your ip address is 154.31.92.0 then from your phone you can get the website simply by typing 154.31.92.0:3000 into a browser.

PS-这只适用于手机和电脑在同一个网络上

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