vue.js学习之 如何在手机上查看vue-cli构建的项目
一:找到config文件夹下的index.js文件,打开后,将host的值改为你本地的ip,保存后重启项目
二:输入ip和端口号打开项目
三:将地址复制,使用二维码转换工具(草料二维码)生成二维码后,使用手机扫描,就可以查看了。
注意:扫描后浏览器会有一个提示信息,点击访问原网页就行了
后续更新:
2017/12/20更新,新版vue-cli,部分手机浏览器访问白屏:
将config/index.js 的devtool: 'eval-source-map' 改为 devtool:'inline-source-map'
还无法兼容的浏览器有:qq浏览器、UC浏览器、华为默认浏览器、钉钉应用内部浏览器