tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(storage): ♻️ 简化缓存管理方式，统一使用Storage类直接操作token和缓存

Browse Source
This commit is contained in:
Ray.Hao
2025-05-19 14:09:46 +08:00
parent a6d76d17d8
commit 2a3d2543ee
10 changed files with 71 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/store/modules/user.store.ts
View File

@@ -5,7 +5,8 @@ import { useDictStoreHook } from "@/store/modules/dict.store";
import AuthAPI, { type LoginFormData } from "@/api/auth.api";
import UserAPI, { type UserInfo } from "@/api/system/user.api";
import { setAccessToken, setRefreshToken, getRefreshToken, clearToken } from "@/utils/auth";
import { Storage } from "@/utils/storage";
import { ACCESS_TOKEN_KEY, REFRESH_TOKEN_KEY } from "@/constants/cache-keys";
export const useUserStore = defineStore("user", () => {
const userInfo = useStorage<UserInfo>("userInfo", {} as UserInfo);
@@ -21,8 +22,8 @@ export const useUserStore = defineStore("user", () => {
AuthAPI.login(LoginFormData)
.then((data) => {
const { accessToken, refreshToken } = data;
setAccessToken(accessToken); // eyJhbGciOiJIUzI1NiJ9.xxx.xxx
setRefreshToken(refreshToken);
Storage.set(ACCESS_TOKEN_KEY, accessToken);
Storage.set(REFRESH_TOKEN_KEY, refreshToken);
resolve();
})
.catch((error) => {
@@ -73,13 +74,13 @@ export const useUserStore = defineStore("user", () => {
* 刷新 token
*/
function refreshToken() {
const refreshToken = getRefreshToken();
const refreshToken = Storage.get(REFRESH_TOKEN_KEY, "");
return new Promise<void>((resolve, reject) => {
AuthAPI.refreshToken(refreshToken)
.then((data) => {
const { accessToken, refreshToken } = data;
setAccessToken(accessToken);
setRefreshToken(refreshToken);
Storage.set(ACCESS_TOKEN_KEY, accessToken);
Storage.set(REFRESH_TOKEN_KEY, refreshToken);
resolve();
})
.catch((error) => {
@@ -96,7 +97,8 @@ export const useUserStore = defineStore("user", () => {
return new Promise<void>((resolve) => {
useDictStoreHook().clearDictCache();
usePermissionStoreHook().resetRouter();
clearToken();
Storage.remove(ACCESS_TOKEN_KEY);
Storage.remove(REFRESH_TOKEN_KEY);
userInfo.value = {} as UserInfo;
resolve();
});