1.电脑和手机共用同一网络
2.查看电脑IP
命令行输入 ipconfig ,找到IPv4 地址就是你的本机IP地址;注意不是在浏览器直接输入IP显示的那个外网IP地址
3.在Vue项目下找到config目录下的index.js文件,或者是 vue.config.js 文件
把index.js中的host值 localhost 修改为你的 IP 地址
4.注意把项目中的地址,如下:localhost都改为以上IP地址
(否则只显示页面,数据传递失败)
5.重启项目;控制台出现的地址既为你的网址,
手机端输入该网址即可
若在手机端调试项目 vConsole Vconsol 使用教程
1.安装
控制台输入: npm install vconsole
2.在vue项目中的main.js文件下,引入
重新编译,手机端访问,点击右下角出现的 vConsole 即可
本文参考 感谢:
在手机上运行电脑本地的VUE项目:在手机上运行电脑本地的VUE项目_QiBarbara的博客-CSDN博客
vue项目在自己手机上调试功能:vue项目在自己手机上调试功能 - 简书