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

被折叠的 条评论
为什么被折叠?



