cache routes and user info data locally
This commit is contained in:
@ -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}
|
||||
]
|
||||
},
|
||||
)
|
||||
|
Reference in New Issue
Block a user