carry/simple-rbac
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加了快速判断是否登录的方法

Browse Source
This commit is contained in:
carry 2025-02-15 00:19:31 +08:00
parent 817f39e11e
commit a9e14ff5e2
1 changed files with 10 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/store/userStore.ts
View File

@ -1,5 +1,5 @@
import { defineStore } from 'pinia'; import { defineStore } from 'pinia';
import { ref } from 'vue'; import { ref, computed } from 'vue';
import { authService } from '../api/authService'; import { authService } from '../api/authService';
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'; import piniaPluginPersistedstate from 'pinia-plugin-persistedstate';
import { createPinia } from 'pinia'; import { createPinia } from 'pinia';
@ -10,18 +10,16 @@ const pinia = createPinia();
pinia.use(piniaPluginPersistedstate); pinia.use(piniaPluginPersistedstate);
// 定义 auth store，包含用户认证相关状态和方法 // 定义 auth store，包含用户认证相关状态和方法
export const useAuthStore = defineStore('auth', () => { export const userStore = defineStore('auth', () => {
// 用户访问令牌
const accessToken = ref(''); const accessToken = ref('');
// 用户刷新令牌
const refreshToken = ref(''); const refreshToken = ref('');
// 用户角色
const role = ref(''); const role = ref('');
// 用户名
const username = ref(''); const username = ref('');
// 用户 ID
const userId = ref<number | null>(null); const userId = ref<number | null>(null);
// 计算属性，用于快速判断用户是否登录
const isLoggedIn = computed(() => !!accessToken.value);
// 设置访问和刷新令牌的方法 // 设置访问和刷新令牌的方法
function setTokens(tokens: { access_token: string; refresh_token: string }) { function setTokens(tokens: { access_token: string; refresh_token: string }) {
accessToken.value = tokens.access_token; accessToken.value = tokens.access_token;
@ -66,18 +64,18 @@ export const useAuthStore = defineStore('auth', () => {
} }
} }
return { accessToken, refreshTokenToken: refreshToken, role, username, userId, login, logout, refreshTokenMethod }; return { accessToken, refreshTokenToken: refreshToken, role, username, userId, isLoggedIn, login, logout, refreshTokenMethod };
}, { }, {
persist: true, persist: true,
}); });
// 使用插件进行持久化，监听 store 变化并保存到本地存储 // 使用插件进行持久化，监听 store 变化并保存到本地存储
useAuthStore().$subscribe((mutation, state) => { userStore().$subscribe((mutation, state) => {
localStorage.setItem('authStore', JSON.stringify(state)); localStorage.setItem('authStore', JSON.stringify(state));
}); });
// 监听 action 执行，登录和刷新令牌后保存状态到本地存储 // 监听 action 执行，登录和刷新令牌后保存状态到本地存储
useAuthStore().$onAction(({ name, store, args, after, onError }) => { userStore().$onAction(({ name, store, args, after, onError }) => {
if (name === 'login' || name === 'refreshTokenMethod') { if (name === 'login' || name === 'refreshTokenMethod') {
after(() => { after(() => {
localStorage.setItem('authStore', JSON.stringify(store.$state)); localStorage.setItem('authStore', JSON.stringify(store.$state));
@ -88,5 +86,5 @@ useAuthStore().$onAction(({ name, store, args, after, onError }) => {
// 初始化时从本地存储恢复状态 // 初始化时从本地存储恢复状态
const persistedState = JSON.parse(localStorage.getItem('authStore') || '{}'); const persistedState = JSON.parse(localStorage.getItem('authStore') || '{}');
if (persistedState.accessToken && persistedState.refreshTokenToken && persistedState.role && persistedState.username && persistedState.userId !== null) { if (persistedState.accessToken && persistedState.refreshTokenToken && persistedState.role && persistedState.username && persistedState.userId !== null) {
useAuthStore().$patch(persistedState); userStore().$patch(persistedState);
} }