一般vue项目在本地运行是localhost:8080/#/
这个时候如果我们想在手机上调试
可以在vue项目config文件夹下的index.js里
把host后面的localhost改成你自己本地的IP地址
如果你不知道IP地址是什么,可以在命令行里输入 ipconfig
其中IPV4的地址就是你的本地地址
现在把这个地址写在index.js里面的host后面
然后重启项目npm run dev
这个时候在地址栏里就可以输入 http://xx.xx.xx.xx:8080/#/
要在手机上访问前提条件就是属于一个网段
可以电脑和手机连接同一个网段,可以手机连接电脑分享出来的wifi连接
此时就可以在手机上输入和电脑上一样的http://xx.xx.xx.xx:8080/#/就可以了
上面的这个适合看一些UI界面
下面这个工具适合调试JS
解决前端手机调试问题——vConsole
首先npm i vconsole
在main.js里面写
import Vconsolefrom 'vconsole';
const vConsole =new Vconsole();
Vue.use(vConsole);
然后这样就可以在各个机型的手机端上调试js了
看图1,图2