成功在手机上真机测试vue项目

      昨天在手机上真机测试这几天写的vue移动端项目,先尝试下载iTools,iTools是一款专业的设备管理助手,我的手机是OPPOR9,根据查阅资料,使用USB线连接电脑和手机,然后itools会出现手机具体的操作步骤,手机型不一样操作也不一样,这得根据自己的手机来,我按照说明一步步来,操作完之后,会发现手机最上方有(程序员开发模式),这几个字记得不太清楚。把所有的步骤都操作完之后,还提示我在手机上下载驱动,但我手机刚好近期有点毛病,不能下载,只好放弃这方法。

    又尝试另一种方式,这种比第一次操作起来更简单,下面介绍:

1.在项目下找config文件夹下的index.js修改主机,把localhost改0.0.0.0,下面配图

2.修改完之后,cnpm start 重启项目,再也不是localhost:8080,而是http://0.0.0.0:8080

3.window+r 输入cmd  在cmd命令窗口执行ipconfig,查看个人本机IP

知道本地IP后,  在手机端打开浏览器地址栏输入本地IP:8080,比如http://172.16.101.1:8080

提醒一下,手机和电脑一定要在同一个局域网,我是用自己电脑开免费WiFi,用手机连接,这样手机和电脑在同一个局域网了。

猜你喜欢

转载自blog.csdn.net/weixin_39418338/article/details/100112869