vue移动端项目实现真机调试

在vue移动端项目中,我们可以通过真机调试来更好的看到项目实际运行在移动端的效果。

下面就来介绍一下实现的方法:

1、使手机与电脑连接在同一个wifi下

2、修改vue.config.js文件配置

将host路径改成 ‘0.0.0.0’
请添加图片描述

3、运行项目

npm run serve

4、手机端调试项目

运行成功后,在手机浏览器上输入控制台中提示的Network地址就可以在手机上调试项目了。请添加图片描述

猜你喜欢

转载自blog.csdn.net/jiangjunyuan168/article/details/124707927