今天用HBuilderX打包Vue项目为apk,并安装到手机上,打开主页发现页面空白。
主要是打包配置问题,需要修改vue.config.js中配置问题。因为我用了Vue cli4.X版本,没有config文件,所以需要自己新建一个配置文件,并且配置项也稍微有点不同了,根据官网修正为最新的配置项。
vue.config.js
module.exports = {
publicPath:'./'
}
同时,Vue的路由模式要改成Hash,而不是History模式
const router = new VueRouter({
routes
})
以上修改完毕,重新打包,安装到手机即可显示正常。