点滴记忆Drip memory

使用Lanxin搭建的站点

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

2019-12-7 cs 算法之道

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

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

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

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

进入到高级设置界面,分别在入站规则和出站规则中新建规则,在规则类型中选择端口(0),点击下一步,然后在协议与端口中直接在对应的输入框中输入 80(其他选项默认就行);
然后默认点击下一步,在操作界面选择允许连接(A) ,点击下一步后配置文件默认全选就好了,最后编写一个有意义的名称(N)就可以了,检查一遍全部设置完成。
同样设置 8080 的这样一个规则。
我们在整个设置完成过后,手机就可以通过局域网来进行ip地址:80的访问了
(当然这里我们必须同时将访问手机与作为服务器的本地电脑连接到局域网或是连接到用一个WiFi上才能进行正常通信)。
-----------------------------------------
(结语:如何获取win电脑本地IP)
按window+r,输入cmd
打开命令框,输入命令
ipconfig
找到本地链接IPv6或IPv4地址
这里就获取到ip了

标签: 访问 如何 手机 电脑 本地 网页 服务器 调试 项目

发表评论: