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

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浏览器、华为默认浏览器、钉钉应用内部浏览器

转载于:https://www.cnblogs.com/momozjm/p/7985233.html