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