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