Bootstrap

手机怎么访问电脑的本地的移动端项目?超级简单,这篇文章直接搞定

#手机怎么访问电脑的本地的移动端项目
作为一名开发或者运维的同学,平时都在电脑上F12开启手机适配模式,去调整代码和样式,有时候出于更严谨的方式,我们需要使用真机来调试样式,由于代码在本地的环境,没有上传到服务器,所以我们需要,手机怎么去开启访问本地的移动端项目呢?
#第一步:重点先确保你的手机和电脑连在同一个局域网内
把手机和电脑的网段IP,使用同一网络大致有几种:手机和电脑同时连接的WiFi,电脑连接手机的热点。
#第二步:查看的电脑的IP
通过电脑开启一个 WIFI 来供手机进行连接,形成一个小的局域网,然后就通过局域网的 IP地址(查询 IP 地址,cmd——》ipconfig), 通过 IP 地址来进行自己本地服务器中的项目访问。
找到IPv3
#第三步:启动本地项目

在这里插入图片描述
上图是启动本地项目的地址
#第四部:
手机浏览器或者微信直接输入这个Network地址,拼接需要跳转的路由信息,即可查看本地的项目页面。
#后续:假如上免得配置没问题还是出现无法访问的情况
在这里插入图片描述
出现该问题主要是因为你电脑的防火墙将某些端口号的 htpp 的网络访问协议给屏蔽掉了(一般的电脑操作系统是默认不屏蔽 80,8080 一些常用的端口的),所以你可以直接将自己的电脑的防火墙全部关闭。然后就可以完美访问了。具体设置路径给一下(方便菜鸟使用):控制面板 \ 所有控制面板项 \ Windows 防火墙 \ 自定义设置。
##请参照这个方案解决
我们可以直接在防火墙中将 80 和 8080 端口设置为不屏蔽即可。具体操作如下,首先进入到 windows 防火墙面板,点击高级设置
在这里插入图片描述

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

;