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-07 14:34:31 +08:00
parent 300609472b
commit 2259911a8f
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/store/userStore.ts
View File

@ -4,25 +4,35 @@ 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';
// 创建 Pinia 实例并使用持久化插件
const pinia = createPinia(); const pinia = createPinia();
pinia.use(piniaPluginPersistedstate); pinia.use(piniaPluginPersistedstate);
// 定义 auth store，包含用户认证相关状态和方法
export const useAuthStore = defineStore('auth', () => { export const useAuthStore = 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);
// 设置访问和刷新令牌的方法
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;
refreshToken.value = tokens.refresh_token; refreshToken.value = tokens.refresh_token;
} }
// 设置用户角色的方法
function setRole(userRole: string) { function setRole(userRole: string) {
role.value = userRole; role.value = userRole;
} }
// 用户登录方法，调用 authService.login 获取令牌并设置状态
async function login(usernameParam: string, password: string) { async function login(usernameParam: string, password: string) {
try { try {
const { access_token, refresh_token, role: userRole, username: userUsername, id: userIdValue } = await authService.login(usernameParam, password); const { access_token, refresh_token, role: userRole, username: userUsername, id: userIdValue } = await authService.login(usernameParam, password);
@ -35,6 +45,7 @@ export const useAuthStore = defineStore('auth', () => {
} }
} }
// 用户登出方法，清空所有状态
async function logout() { async function logout() {
accessToken.value = ''; accessToken.value = '';
refreshToken.value = ''; refreshToken.value = '';
@ -43,6 +54,7 @@ export const useAuthStore = defineStore('auth', () => {
userId.value = null; userId.value = null;
} }
// 刷新访问令牌的方法，调用 authService.refreshToken 获取新令牌并设置状态
async function refreshTokenMethod() { async function refreshTokenMethod() {
try { try {
const { access_token, refresh_token } = await authService.refreshToken(refreshToken.value); const { access_token, refresh_token } = await authService.refreshToken(refreshToken.value);
@ -57,11 +69,12 @@ export const useAuthStore = defineStore('auth', () => {
persist: true, persist: true,
}); });
// 使用插件进行持久化 // 使用插件进行持久化，监听 store 变化并保存到本地存储
useAuthStore().$subscribe((mutation, state) => { useAuthStore().$subscribe((mutation, state) => {
localStorage.setItem('authStore', JSON.stringify(state)); localStorage.setItem('authStore', JSON.stringify(state));
}); });
// 监听 action 执行，登录和刷新令牌后保存状态到本地存储
useAuthStore().$onAction(({ name, store, args, after, onError }) => { useAuthStore().$onAction(({ name, store, args, after, onError }) => {
if (name === 'login' || name === 'refreshTokenMethod') { if (name === 'login' || name === 'refreshTokenMethod') {
after(() => { after(() => {