c293da23
刘淇
新园林init
|
1
2
3
|
import { defineStore } from 'pinia';
import cache from '@/common/utils/cache';
import globalConfig from '@/common/config/global';
|
e6a04285
刘淇
单图情况 宽高70*70
|
4
5
6
7
8
|
// 新增:导入 refreshToken 接口
import { login, getUserInfo, logout, moduleList, getSimpleDictDataList, refreshToken } from '@/api/user';
// 新增:定义刷新Token的定时器标识(避免重复创建定时器)
let refreshTokenTimer = null;
|
c293da23
刘淇
新园林init
|
9
10
|
export const useUserStore = defineStore('user', {
|
9b30ab8c
刘淇
新增快速工单,原版
|
11
|
// 修复1:删除重复的 state 定义,只保留根层级的 state
|
c293da23
刘淇
新园林init
|
12
|
state: () => ({
|
9b30ab8c
刘淇
新增快速工单,原版
|
13
|
token: cache.get(globalConfig.cache.tokenKey) || '', // 初始值从缓存取(兼容持久化)
|
e6a04285
刘淇
单图情况 宽高70*70
|
14
|
refreshToken: cache.get(globalConfig.cache.refreshTokenKey) || '', // 新增:Refresh Token 状态
|
9b30ab8c
刘淇
新增快速工单,原版
|
15
16
17
18
19
20
|
userInfo: cache.get(globalConfig.cache.userInfoKey) || {},
userId: cache.get(globalConfig.cache.userIdKey) || '',
moduleListInfo: cache.get(globalConfig.cache.moduleListKey) || '',
expireTime: cache.get(globalConfig.cache.expireTimeKey) || 0,
dictData: cache.get(globalConfig.cache.dictDataKey) || {},
logoutLoading: false
|
c293da23
刘淇
新园林init
|
21
22
|
}),
|
c293da23
刘淇
新园林init
|
23
24
25
26
27
28
29
30
|
getters: {
isLogin: (state) => {
if (!state.token) return false;
if (state.expireTime && state.expireTime < Date.now()) {
return false;
}
return true;
},
|
e6a04285
刘淇
单图情况 宽高70*70
|
31
32
33
34
35
36
37
38
|
permissions: (state) => state.userInfo.permissions || [],
// 新增:判断是否需要刷新Token(过期前30秒触发,避免已过期才刷新)
needRefreshToken: (state) => {
if (!state.token || !state.refreshToken) return false;
const remainingTime = state.expireTime - Date.now();
// 剩余时间大于0秒 且 小于30秒(即将过期)
return remainingTime > 0 && remainingTime < 30 * 1000;
}
|
c293da23
刘淇
新园林init
|
39
40
|
},
|
c293da23
刘淇
新园林init
|
41
42
43
44
|
actions: {
async login(params) {
try {
const res = await login(params);
|
e6a04285
刘淇
单图情况 宽高70*70
|
45
46
|
// 新增:从登录接口返回值中获取 refreshToken(若接口返回字段名不一致,可调整,如 res.refresh_token)
const { accessToken, expiresTime, userId, refreshToken } = res;
|
c293da23
刘淇
新园林init
|
47
48
49
50
51
|
if (!accessToken) {
throw new Error('登录失败,未获取到令牌');
}
|
9b30ab8c
刘淇
新增快速工单,原版
|
52
|
// 更新 Pinia state
|
c293da23
刘淇
新园林init
|
53
|
this.token = accessToken;
|
e6a04285
刘淇
单图情况 宽高70*70
|
54
|
this.refreshToken = refreshToken || ''; // 新增:存储Refresh Token
|
c293da23
刘淇
新园林init
|
55
56
57
58
|
this.expireTime = expiresTime;
this.userId = userId;
this.userInfo = {};
|
9b30ab8c
刘淇
新增快速工单,原版
|
59
|
// 等待 Pinia 持久化同步
|
c293da23
刘淇
新园林init
|
60
61
62
63
64
|
await new Promise(resolve => setTimeout(resolve, 50));
// 获取用户信息
const userInfo = await this.getUserInfo();
this.userInfo = userInfo;
|
c293da23
刘淇
新园林init
|
65
66
67
68
69
70
|
// 获取模块列表
let moduleListInfo = null;
try {
moduleListInfo = await this.getModuleList();
this.moduleListInfo = moduleListInfo;
|
c293da23
刘淇
新园林init
|
71
72
73
74
75
|
} catch (moduleErr) {
console.warn('获取模块列表失败(不影响登录):', moduleErr);
uni.showToast({ title: '获取模块列表失败,可正常登录', icon: 'none' });
}
|
9b30ab8c
刘淇
新增快速工单,原版
|
76
77
78
79
80
81
82
83
84
85
86
|
// 修复2:调用字典接口时,不直接抛错(避免阻断登录)
try {
const dictRes = await this.getAndSaveDictData();
// 仅接口返回成功时才更新字典
this.dictData = dictRes || {};
console.log('字典数据获取成功:', this.dictData);
} catch (dictErr) {
console.warn('获取字典失败(不影响登录):', dictErr);
uni.showToast({ title: '获取字典失败,可正常使用', icon: 'none' });
}
|
e6a04285
刘淇
单图情况 宽高70*70
|
87
88
89
|
// 新增:登录成功后,启动 Token 自动刷新定时器
this.startRefreshTokenTimer();
|
c293da23
刘淇
新园林init
|
90
91
92
93
94
95
96
|
return { ...res, userInfo, moduleListInfo };
} catch (err) {
console.error('登录流程失败:', err);
throw err;
}
},
|
e6a04285
刘淇
单图情况 宽高70*70
|
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
|
// 新增:调用刷新Token接口,返回刷新是否成功
async refreshTokenApi() {
// 前置校验:无Refresh Token直接返回失败
if (!this.refreshToken) {
console.warn('无刷新令牌,无法刷新Token');
this.logout(); // 无刷新令牌,直接退出登录
return false;
}
try {
// 调用修正后的 refreshToken 接口,传入当前的 refreshToken
const res = await refreshToken(this.refreshToken);
// 校验接口返回结果(根据你的实际接口返回格式调整)
if (!res || !res.accessToken) {
throw new Error('刷新Token失败,未获取到新令牌');
}
// 更新 Token 相关状态
this.token = res.accessToken; // 新的访问令牌
this.refreshToken = res.refreshToken || this.refreshToken; // 若接口返回新的Refresh Token则更新
this.expireTime = res.expiresTime; // 新的过期时间
console.log('Token 刷新成功');
return true;
} catch (err) {
console.error('刷新Token失败:', err);
// 刷新失败,直接退出登录
this.logout();
return false;
}
},
// 新增:启动 Token 自动刷新定时器
startRefreshTokenTimer() {
// 先清除已有定时器,避免重复创建
if (refreshTokenTimer) {
clearTimeout(refreshTokenTimer);
refreshTokenTimer = null;
}
// 计算剩余时间(过期前30秒执行刷新)
const remainingTime = this.expireTime - Date.now() - 30 * 1000;
if (remainingTime <= 0) {
// 剩余时间不足,立即执行刷新
this.refreshTokenApi();
return;
}
// 设置定时器,到期后执行刷新
refreshTokenTimer = setTimeout(async () => {
const refreshSuccess = await this.refreshTokenApi();
// 刷新成功后,重新启动定时器(循环自动刷新)
if (refreshSuccess) {
this.startRefreshTokenTimer();
}
}, remainingTime);
console.log(`Token 自动刷新定时器已启动,将在 ${Math.ceil(remainingTime / 1000)} 秒后执行刷新`);
},
// 新增:停止 Token 自动刷新定时器(避免内存泄漏)
stopRefreshTokenTimer() {
if (refreshTokenTimer) {
clearTimeout(refreshTokenTimer);
refreshTokenTimer = null;
}
},
|
9b30ab8c
刘淇
新增快速工单,原版
|
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
|
// 修复3:重构字典获取方法(加 Token 校验 + 强制携带 Token + 宽松错误处理)
async getAndSaveDictData() {
// 前置校验:无登录态直接返回,不请求接口
if (!this.isLogin) {
console.warn('未登录,跳过字典获取');
return { code: -1, msg: '未登录' };
}
try {
// 强制携带 Token(和 getModuleList 保持一致,避免拦截器同步延迟)
const res = await getSimpleDictDataList(
{}, // 接口入参(按需传,比如 dictType: ['level'])
{ header: { 'Authorization': `Bearer ${this.token}` } }
);
// 校验接口返回码(核心:避免非 0 码数据存入)
if (res.code !== 0) {
console.warn('字典接口返回失败:', res.msg);
return res; // 返回错误信息,但不抛错
}
return res;
} catch (err) {
// 修复4:宽松错误处理,只打印日志,不抛错(避免阻断登录)
console.error('字典接口请求异常:', err);
return { code: -2, msg: '接口请求异常:' + (err.message || '网络错误') };
}
},
|
c293da23
刘淇
新园林init
|
192
193
|
async getModuleList() {
try {
|
c293da23
刘淇
新园林init
|
194
195
196
197
|
if (!this.token) {
throw new Error('未获取到登录令牌,无法获取模块列表');
}
|
c293da23
刘淇
新园林init
|
198
|
const res = await moduleList({}, {
|
9b30ab8c
刘淇
新增快速工单,原版
|
199
|
header: { 'Authorization': `Bearer ${this.token}` }
|
c293da23
刘淇
新园林init
|
200
201
202
203
|
});
return res;
} catch (err) {
console.error('获取用户菜单失败:', err);
|
c293da23
刘淇
新园林init
|
204
205
206
207
208
209
210
211
212
213
|
if (err?.data?.code === 401 || err?.message.includes('401')) {
throw new Error('登录态已过期,请重新登录');
} else {
throw new Error('获取用户菜单失败,请重新登录');
}
}
},
async getUserInfo() {
try {
|
c293da23
刘淇
新园林init
|
214
215
216
217
218
219
220
|
const res = await getUserInfo();
return res;
} catch (err) {
console.error('获取用户信息失败:', err);
throw new Error('获取用户信息失败,请重新登录');
}
},
|
9b30ab8c
刘淇
新增快速工单,原版
|
221
|
|
c293da23
刘淇
新园林init
|
222
|
logout() {
|
e6a04285
刘淇
单图情况 宽高70*70
|
223
224
225
|
// 新增:退出登录时,停止刷新定时器
this.stopRefreshTokenTimer();
|
c293da23
刘淇
新园林init
|
226
227
228
229
230
231
232
233
234
|
const pages = getCurrentPages();
if (pages.length === 0) return;
const currentPageRoute = pages[pages.length - 1].route;
const loginPath = globalConfig.router.loginPath
.replace(/^\//, '')
.split('?')[0];
if (currentPageRoute === loginPath) {
|
c293da23
刘淇
新园林init
|
235
|
this.token = '';
|
e6a04285
刘淇
单图情况 宽高70*70
|
236
|
this.refreshToken = ''; // 新增:清空Refresh Token
|
c293da23
刘淇
新园林init
|
237
238
239
240
|
this.userInfo = {};
this.userId = '';
this.moduleListInfo = '';
this.expireTime = 0;
|
9b30ab8c
刘淇
新增快速工单,原版
|
241
|
this.dictData = {};
|
c293da23
刘淇
新园林init
|
242
243
244
245
246
247
248
249
250
251
252
253
|
return;
}
const logoutWithLock = async () => {
if (this.logoutLoading) return;
this.logoutLoading = true;
try {
await logout();
} catch (err) {
console.error('退出登录接口调用失败:', err);
} finally {
|
c293da23
刘淇
新园林init
|
254
|
this.token = '';
|
e6a04285
刘淇
单图情况 宽高70*70
|
255
|
this.refreshToken = ''; // 新增:清空Refresh Token
|
c293da23
刘淇
新园林init
|
256
257
258
|
this.userInfo = {};
this.userId = '';
this.moduleListInfo = '';
|
9b30ab8c
刘淇
新增快速工单,原版
|
259
|
this.dictData = {};
|
c293da23
刘淇
新园林init
|
260
261
262
|
this.expireTime = 0;
this.logoutLoading = false;
|
c293da23
刘淇
新园林init
|
263
264
265
266
267
268
269
270
271
|
uni.redirectTo({
url: globalConfig.router.loginPath
});
}
};
logoutWithLock();
},
|
c293da23
刘淇
新园林init
|
272
273
|
checkLogin() {
if (!this.isLogin) {
|
c293da23
刘淇
新园林init
|
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
|
const pages = getCurrentPages();
if (pages.length === 0) return false;
const currentPageRoute = pages[pages.length - 1].route;
const loginPath = globalConfig.router.loginPath
.replace(/^\//, '')
.split('?')[0];
if (currentPageRoute !== loginPath) {
uni.redirectTo({
url: globalConfig.router.loginPath
});
}
return false;
}
|
e6a04285
刘淇
单图情况 宽高70*70
|
289
290
291
|
// 新增:已登录时,启动刷新定时器(防止页面刷新后定时器丢失)
this.startRefreshTokenTimer();
|
c293da23
刘淇
新园林init
|
292
293
294
295
|
return true;
}
},
|
c293da23
刘淇
新园林init
|
296
297
|
persist: {
enabled: true,
|
9b30ab8c
刘淇
新增快速工单,原版
|
298
|
key: 'user_store',
|
c293da23
刘淇
新园林init
|
299
300
301
302
303
|
storage: {
getItem: (key) => uni.getStorageSync(key),
setItem: (key, value) => uni.setStorageSync(key, value),
removeItem: (key) => uni.removeStorageSync(key)
},
|
c293da23
刘淇
新园林init
|
304
305
|
serializer: {
serialize: (state) => {
|
c293da23
刘淇
新园林init
|
306
|
uni.setStorageSync(globalConfig.cache.tokenKey, state.token);
|
e6a04285
刘淇
单图情况 宽高70*70
|
307
|
uni.setStorageSync(globalConfig.cache.refreshTokenKey, state.refreshToken); // 新增:持久化Refresh Token
|
c293da23
刘淇
新园林init
|
308
309
310
311
|
uni.setStorageSync(globalConfig.cache.userIdKey, state.userId);
uni.setStorageSync(globalConfig.cache.expireTimeKey, state.expireTime);
uni.setStorageSync(globalConfig.cache.userInfoKey, state.userInfo);
uni.setStorageSync(globalConfig.cache.moduleListKey, state.moduleListInfo);
|
9b30ab8c
刘淇
新增快速工单,原版
|
312
313
|
uni.setStorageSync(globalConfig.cache.dictDataKey, state.dictData);
return state;
|
c293da23
刘淇
新园林init
|
314
315
|
},
deserialize: (value) => {
|
c293da23
刘淇
新园林init
|
316
317
|
return {
token: uni.getStorageSync(globalConfig.cache.tokenKey) || '',
|
e6a04285
刘淇
单图情况 宽高70*70
|
318
|
refreshToken: uni.getStorageSync(globalConfig.cache.refreshTokenKey) || '', // 新增:读取Refresh Token
|
c293da23
刘淇
新园林init
|
319
320
321
322
|
userId: uni.getStorageSync(globalConfig.cache.userIdKey) || '',
expireTime: uni.getStorageSync(globalConfig.cache.expireTimeKey) || 0,
userInfo: uni.getStorageSync(globalConfig.cache.userInfoKey) || {},
moduleListInfo: uni.getStorageSync(globalConfig.cache.moduleListKey) || '',
|
9b30ab8c
刘淇
新增快速工单,原版
|
323
|
dictData: uni.getStorageSync(globalConfig.cache.dictDataKey) || {},
|
c293da23
刘淇
新园林init
|
324
325
326
327
|
logoutLoading: false
};
}
},
|
e6a04285
刘淇
单图情况 宽高70*70
|
328
|
// paths: []
|
c293da23
刘淇
新园林init
|
329
330
|
}
});
|