vue项目在自己手机上调试功能

一般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

图1 图2