vue使用Hbuilder打包app時注意事項

vue使用Hbuilder打包app時注意事項

在開始之前先修改config文件夾下面的index.js文件，把assetsPublicPath 改成 ** assetsPublicPath: ‘./’**
vue3裏沒有config文件夾 所以在根目錄創建vue.config.js (根目錄是跟src同級的文件夾 可不是在src文件夾下) 在文件裏添加

module.exports = {
  publicPath: './'
}

然後在檢查自己的a標籤跳轉不要用 要用router-link標籤例如：

<router-link :to="{name:"VHome"}"></router-link>

然後在router.js裏把路由模式改成hash

export default new Router({
	mode: 'hash'
})

以上問題解決就可以開始打包了,先npm run build打包，然後把dist文件夾拉倒 Hbuilder項目裏

這裏選擇 轉換成移動app

轉成app之後先運行一下項目看看是否正常

項目運行正常 之後點擊manifest文件編輯app信息

然後點擊打包

如果沒有證書就直接點擊打包 等打包完直接就可以下載測試了