Vue项目打包apk---Vue发布App

一、打包我们的vue项目，生成dist文件夹

一般命令是npm run build

二、打开Hbuilderx，新建一个5+项目

生成新项目之后把其他的文件都删了，只留下manifest.json文件

三、把dist文件夹里面的东西全部都粘贴过来，（打包生成什么就直接沾过来就行，不要动文件的结构，否则会找不到资源）

四、点击任务栏，发行->云打包

点击打包 

生成的apk就在这里了

四、遇到的问题

1.通讯录模块，如果需要使用就去实名，不需要就去把他取消掉

还需要根据提示把这个里面配置的通讯录模块删除

2.打包后出现白屏

解决方法：

需要在vue.config.js中配置下路径即可。
module.exports = {
    publicPath: './',
}

3.路径跳转的时候找不到页面

解决方法：

需要更改下路由模式，将history修改为hash，在进行打包

找到Vue中配置路由的文件，一般是router/index.js

const router = new VueRouter({
  mode: 'hash',
  base: process.env.BASE_URL,
  routes
})

4.发请求的后端地址修改

如果是若依项目的话，需要修改

把VUE_APP_BASE_API修改成服务器后端服务地址。

然后npm run build

（这里哈，build出来的dist，不要直接双击html看是不是有数据，直接在文件夹里面打开的时候没有编辑器里面的运行环境，会出现跨域问题）

（打包完之后的dist一定要在生成的apk里面看是否正确连接后端地址哈）

再打包apk

        至此就结束啦，有问题可以留言，我会尽力帮忙解决的哈