开发环境下用手机查看测试vux项目

最新推荐文章于 2023-08-11 23:01:45 发布

hll_1223343

最新推荐文章于 2023-08-11 23:01:45 发布

阅读量248

点赞数

文章标签： vux vue 手机端

本文链接：https://blog.csdn.net/hll_1223343/article/details/83999722

版权

开发环境下用手机查看测试vux项目

首先要保证手机和电脑在同一网段，最简单的方法就是电脑连接手机wifi热点
成功连接后查看一下电脑ip地址：
ipv4
然后在vux项目中找到build文件夹下的webpack.dev.config.js并在下面加入红圈中的这段代码，如图：
在这里插入图片描述
之后npm run dev

发现地址变为0.0.0.0:8080
此时在浏览器中输入电脑ip地址+’:8080’即可访问vux项目：

同样的，在手机浏览器上也是输入和电脑上一样的ip地址（别忘了加8080端口号）：

这样即可在开发环境下在手机上测试vux项目啦。
还有别忘了改开发环境下后端api的访问地址。