vue打包webapp要点

一、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,没有涉及到设备,打包一个安卓基本上就结束了。

vue打包webapp要点

上一篇:Axios


下一篇:iOS保存图片到相册崩溃