cache routes and user info data locally

This commit is contained in:
ailanyin
2023-05-16 12:30:54 +08:00
parent 11b23ec129
commit 6706db0871
4 changed files with 147 additions and 113 deletions

View File

@ -1,6 +1,7 @@
import {getInfo, login, logout} from '@/api/login'
import {getToken, removeToken, setToken} from '@/utils/auth'
import defAva from '@/assets/images/profile.jpg'
import {cloneDeep} from "lodash-es";
const useUserStore = defineStore(
'user',
@ -11,9 +12,13 @@ const useUserStore = defineStore(
avatar: '',
roles: [],
tenant: '',
permissions: []
permissions: [],
userInfoRes: null
}),
actions: {
setUserInfoRes(res) {
this.userInfoRes = cloneDeep(res)
},
// 登录
login(userInfo) {
const username = userInfo.username.trim()
@ -36,6 +41,9 @@ const useUserStore = defineStore(
getInfo() {
return new Promise((resolve, reject) => {
getInfo().then(res => {
if (!this.userInfoRes) {
this.setUserInfoRes(res)
}
const user = res.user
const avatar = (user.avatar == "" || user.avatar == null) ? defAva : import.meta.env.VITE_APP_BASE_API + user.avatar;
@ -60,6 +68,7 @@ const useUserStore = defineStore(
this.token = ''
this.roles = []
this.permissions = []
this.userInfoRes = null
removeToken()
resolve()
}).catch(error => {
@ -69,7 +78,7 @@ const useUserStore = defineStore(
}
},
persist: [
{paths: ['tenant'],storage:localStorage}
{paths: ['tenant', 'userInfoRes'], storage: localStorage}
]
},
)