如何用手机访问电脑本地 localhost 网页或者服务器, 以调试web项目

小咪咪 2021-09-22 11:22 610阅读 0赞

最近开始转向移动开发方向，因此对于一个移动开发的前端来说，使用各种真机来进行自己网站或者系统的界面进行针对性的调试就显的尤为重要了。因此，会经常通过电脑开启一个 wifi 来供手机进行连接，形成一个小的局域网，然后就通过局域网的 ip 地址（查询 ip 地址，cmd——》ipconfig）, 通过 ip 地址来进行自己本地服务器中的项目访问。本以为这种小 case 的东西可以分分钟搞定，可是，可是，可是偏偏就出现了无妨访问的情况。如下图所示：

![Center][]

看到这个就泪奔了，竟然直接访问不到本地服务器啊。对于这种情况有两种解决方案：

方案一：暴力解决（当然不是砸电脑，摔手机）。出现该问题主要是因为你电脑的防火墙将某些端口号的 htpp 的网络访问协议给屏蔽掉了（一般的电脑操作系统是默认不屏蔽 80,8080 一些常用的端口的），所以你可以直接将自己的电脑的防火墙全部关闭。然后就可以完美访问了。具体设置路径给一下（方便菜鸟使用）：控制面板 \\ 所有控制面板项 \\ Windows 防火墙 \\ 自定义设置。

下面具体来讲解一下方案二：对于这种暴力方式还是很不友好的。为此，我们可以直接在防火墙中将 80 和 8080 端口设置为不屏蔽即可。具体操作如下，首先进入到 windows 防火墙面板，点击高级设置

![Center 1][]

进入到高级设置界面，分别在入站规则和出站规则中新建规则，选择端口，点击下一步，然后直接在对应的输入框中输入 80，然后默认点击下一步，完成。同样设置 8080 的这样一个规则。整个设置完成过后，手机就可以通过局域网来进行 ip 地址的访问了。

![Center 2][]

转自：[https://blog.csdn.net/fly\_home\_ysc/article/details/49912621][https_blog.csdn.net_fly_home_ysc_article_details_49912621]

[Center]: /images/20210920/93d167f1b0234cb8bcf27d1826d48280.png
[Center 1]: /images/20210920/42f657b99a2f43a8b7842fb6d731813c.png
[Center 2]: /images/20210920/4be1199aae04461eb24fa20c3b60a47c.png
[https_blog.csdn.net_fly_home_ysc_article_details_49912621]: https://blog.csdn.net/fly_home_ysc/article/details/49912621