如何在手机端查看测试vue-cli构建的项目

我们利用vue-cli构建的webapp项目，很多功能都要在手机上查看测试效果，比如上传图片，拍照上传选择图片等等，那么怎么在手机端调试，具体步骤如下：

(1)：运行vue-cli构建的项目：
npm run dev 得到地址：http://localhost:8080/#/

(2)：修改配置config
找到config文件找到index，把host的 ’ localhost ’ 改为 ’ 0.0.0.0 '，重启项目(npm run dev)

(3)：得到本机的ip地址：
win + R => 输入cmd => 回车 => 输入ipconfig，找到IPv4地址：

(4)：修改localhost
把我们npm run dev启动的本地服务器地址 ’ http://localhost:8080/#/ ’ 改为 ’ http://192.168.0.105:8080/#/ ’

(5)：访问地址
同一局域网下，手机浏览器访问 ’ http://192.168.0.105:8080/#/ ’