vue项目打包并使用HBuilder打包生成apk

一.查看vue项目配置

1.配置文件一:build>>utils.js (增加 - publicPath:'../../' )

原因:这样写是处理打包后找不到静态文件的问题

vue项目打包并使用HBuilder打包生成apk_第1张图片 

2.配置文件二:config>>index.js(修改 - assetsPublicPath:'./' )

原因:修改目的是为了解决js找不到的问题

vue项目打包并使用HBuilder打包生成apk_第2张图片

二 输入打包命令:npm run build

vue项目打包并使用HBuilder打包生成apk_第3张图片 

三 打开 HBuilder

vue项目打包并使用HBuilder打包生成apk_第4张图片

四:将vue打包的static 和 index.html复制在目录下

vue项目打包并使用HBuilder打包生成apk_第5张图片 

五:修改 manifest.json文件

vue项目打包并使用HBuilder打包生成apk_第6张图片 

vue项目打包并使用HBuilder打包生成apk_第7张图片 

vue项目打包并使用HBuilder打包生成apk_第8张图片 

同理在权限配置去掉通讯录的权限

vue项目打包并使用HBuilder打包生成apk_第9张图片 

六: 生成apk- 选择发行-原生app云打包

vue项目打包并使用HBuilder打包生成apk_第10张图片

 

 vue项目打包并使用HBuilder打包生成apk_第11张图片

七:打包成功进行安装

vue项目打包并使用HBuilder打包生成apk_第12张图片

 

你可能感兴趣的:(node.js)