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'
再次运行项目查看。