47 lines
1.4 KiB
JavaScript
47 lines
1.4 KiB
JavaScript
// 在某个适当的时间点检查登录状态是否过期
|
||
function isLoginExpired(loginTimestamp, expirationDuration) {
|
||
// 获取登录时间戳
|
||
// 如果没有登录时间戳，说明用户未登录或状态已过期
|
||
if (!loginTimestamp) {
|
||
return true;
|
||
}
|
||
|
||
// 计算登录时间和现在的时间差
|
||
const currentTimestamp = Date.now();
|
||
const duration = currentTimestamp - loginTimestamp;
|
||
|
||
// 如果时间差大于3小时的毫秒数，则登录状态过期
|
||
return duration > expirationDuration;
|
||
}
|
||
|
||
|
||
export default function ({ route, redirect, store }) {
|
||
if (route.name === 'manager-login') {
|
||
return
|
||
}
|
||
if (localStorage.getItem('userInfo')) {
|
||
const cache = JSON.parse(localStorage.getItem('userInfo'))
|
||
const { expire, loginTime } = cache
|
||
// 在页面加载时检查登录状态
|
||
if (isLoginExpired(loginTime, expire)) {
|
||
// 用户登录已过期，执行登录过期的逻辑
|
||
console.log('登录已过期');
|
||
return redirect('/manager/login')
|
||
} else {
|
||
// 用户登录有效，执行登录有效的逻辑
|
||
store.dispatch('user/setUserInfo', cache)
|
||
if (route.path === '/') {
|
||
return redirect('/home')
|
||
}
|
||
}
|
||
} else {
|
||
// 假设用户信息存储在 Vuex store 中
|
||
const user = store.state.user
|
||
// 检查路由是否需要认证
|
||
if (!user.isLogin) {
|
||
return redirect('/manager/login')
|
||
}
|
||
}
|
||
|
||
}
|