手机局域网内访问本地项目

时间:2021-11-09 14:42:25
   由于本次项目是前后端分离的微信公众号项目,在刚开发的时候都通过谷歌的模拟手机进行调试,现今已初步完成需要使用手机端进行查看及调试部分bug,因此需要通过手机与电脑在同一局域网内访问本地项目,由于中间也出现了部分问题,便进行记录。

   首先:将手机连上电脑开的wifi。wifi需要设置共享,具体设置为:打开网络和共享中心→本地连接(右键属性)→共享→打勾选项

第二:通过命令行ipconfig查看本机无线的ip,注意是无线的ip而不是以太网的ip

第三:由于我使用的编译器是webstorm,需要通过设置让webstorm允许外部链接,具体设置为:settings→Debugger→将can accept external connections 打勾,也可以设置端口port。这一步非常重要,没有设置是没办法访问的

第四:可以在本机浏览器中先访问 http://你的ip:你的端口/项目/register.html,试试看是否可以访问,如果可以访问那么在手机上也是可以访问的

第五:手机浏览器直接输入上面的地址进行访问就行了

由于图片上传的样式怪怪的,所以我就没有进行图片详解,只是简单的描述,具体不清楚哪一个设置的可以自行百度下,有很详细的讲解。