首先需要修改访问路径模式,从history改为默认的hash,具体操作是注释掉quasar.conf.js中的这一行
// vueRouterMode: 'history',
其次是登录完成后需要加载一下菜单,之前是在App.vue中完成的,核心代码如下:
submit() {
this.loading=true;
this.$axios.post('/sys/login',this.form)
.then((r) => {
this.$store.commit('User/updateAuthorization',r.result.token);
this.$store.commit('User/updateInfo',r.result.userInfo);
this.initMenu(r.result.permissionInfo);
this.$router.push(this.getDefault());
}).finally(() => {
this.loading=false;
});
},
然后就是添加手机端打包脚本,这里主要是安卓相关的操作。
需要特殊注意的是需要修改src\boot\api\index.js第18行
baseURL: process.env.SERVER_URL + u,
打包命令如下:
quasar mode add cordova
cd src-cordova
cordova platform add android
cordova requirements
cordova plugin add cordova-plugin-ionic-webview
cordova plugin add cordova-plugin-wkwebview-engine
cd ../
quasar dev -m cordova -T android
quasar dev -m android --ide
quasar build -m android
quasar build -m cordova -T android
keytool -genkey -v -keystore my-release-key.keystore -alias alias_name -keyalg RSA -keysize 2048 -validity 20000
jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore my-release-key.keystore ./app-release-unsigned.apk alias_name