vue打包webapp要点

Posted 2021-01-04

一、vue源码的设置
1）src中关于router的配置 model:‘history‘ 要去掉，即地址栏中保留“#”。
2）config的index关于build的配置 assetsPublicPath:‘./‘ 注意要加点。
如果上面两项没设置对，那么，打包出来的webapp是空白的，呵呵。

二、Hbuilder打包安卓的过程
1）打开目录，选择vue里面npm run build生成的dist目录。
2）右击该目录，"转换成移动APP"，目录树中的图标从 W 变成 A。
3）目录树中出现 manifest.json ，双击，配置（如基本信息、图标配置、启动图片等等），保存。
4）“发行”--“云打包-打原生安装包”，提交打包任务（为了用户体验，去掉广告。选安卓证书）。
5）把产生的apk 文件分发。
在目录树中选中index.html，然后 “运行”--“浏览器运行” 即可，这样可以在chrome中去调试代码。

如果是纯粹的移动端web，没有涉及到设备，打包一个安卓基本上就结束了。