vue脚手架项目真机测试

webpack创建vue脚手架真机测试

真机测试的前提是 手机和电脑必须处于同一局域网下 (连接 同一wifi即可) ！！！！！

1.在项目中打开package.json文件
在 dev属性后加入 --host 0.0.0.0
方法："dev": "webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack.dev.conf.js",
2.桌面打开cmd窗口
在cmd窗口输入 ipconfig 如图：

IPv4地址 即为地址。
3. 使用 npm run dev 运行项目
4. 打开电脑或手机浏览器 地址栏输入 ：IPv4地址：项目运行的端口号
eg:http://192.168.200.30:8080 即可进行真机测试
5：问题 ，当安卓手机不支持时。
在项目中安装 npm install bable-polyfill --save
项目会自动安装promise，在main.js中引入 vbable-polyfill ： import 'bable-polyfill'
再次运行项目查看。