vue.js学习之 如何在手机上查看vue-cli构建的项目

时间:2021-11-15 10:18:44

vue.js学习之 如何在手机上查看vue-cli构建的项目

一:找到config文件夹下的index.js文件,打开后,将host的值改为你本地的ip,保存后重启项目

二:输入ip和端口号打开项目

三:将地址复制,使用二维码转换工具(草料二维码)生成二维码后,使用手机扫描,就可以查看了。

注意:扫描后浏览器会有一个提示信息,点击访问原网页就行了

vue.js学习之 如何在手机上查看vue-cli构建的项目

后续更新:

2017/12/20更新,新版vue-cli,部分手机浏览器访问白屏:

将config/index.js  的devtool: 'eval-source-map'  改为 devtool:'inline-source-map'

还无法兼容的浏览器有:qq浏览器、UC浏览器、华为默认浏览器、钉钉应用内部浏览器