duorameng
114 lines
3.9 KiB
TypeScript
114 lines
3.9 KiB
TypeScript
import { createRouter, createWebHistory } from 'vue-router'
|
|
import { checkAuth } from '@/api'
|
|
|
|
// 获取 base URL（从后端注入的全局变量）
|
|
const BASE_URL = (window as any).__BASE_URL__ || ''
|
|
|
|
// 缓存认证状态，避免每次路由跳转都请求
|
|
let authChecked = false
|
|
let isAuth = false
|
|
|
|
async function getAuthStatus(force = false): Promise<boolean> {
|
|
if (!force && authChecked) {
|
|
return isAuth
|
|
}
|
|
isAuth = await checkAuth()
|
|
authChecked = true
|
|
return isAuth
|
|
}
|
|
|
|
// 重置认证状态（登出时调用）
|
|
export function resetAuthCache() {
|
|
authChecked = false
|
|
isAuth = false
|
|
}
|
|
|
|
// 直接设置认证状态（登录成功时调用，避免多余请求）
|
|
export function setAuthCache(status: boolean) {
|
|
authChecked = true
|
|
isAuth = status
|
|
}
|
|
|
|
const router = createRouter({
|
|
history: createWebHistory(BASE_URL),
|
|
routes: [
|
|
{
|
|
path: '/login',
|
|
name: 'login',
|
|
component: () => import('@/views/login/Login.vue'),
|
|
meta: { guest: true }
|
|
},
|
|
{
|
|
path: '/',
|
|
component: () => import('@/layouts/MainLayout.vue'),
|
|
meta: { requiresAuth: true },
|
|
children: [
|
|
{ path: '', name: 'dashboard', component: () => import('@/views/dashboard/Dashboard.vue') },
|
|
{ path: 'tasks', name: 'tasks', component: () => import('@/views/tasks/Tasks.vue') },
|
|
{ path: 'editor', name: 'editor', component: () => import('@/views/editor/Editor.vue') },
|
|
{ path: 'environments', name: 'environments', component: () => import('@/views/environments/Environments.vue') },
|
|
{ path: 'dependencies', name: 'dependencies', component: () => import('@/views/dependencies/Dependencies.vue') },
|
|
{ path: 'languages', name: 'languages', component: () => import('@/views/languages/Languages.vue') },
|
|
{ path: 'agents', name: 'agents', component: () => import('@/views/agents/Agents.vue') },
|
|
{ path: 'history', name: 'history', component: () => import('@/views/history/History.vue') },
|
|
{ path: 'logs', name: 'logs', component: () => import('@/views/logs/MessageLogs.vue') },
|
|
{ path: 'terminal', name: 'terminal', component: () => import('@/views/terminal/Terminal.vue') },
|
|
{ path: 'notify', name: 'notify', component: () => import('@/views/notify/Notify.vue') },
|
|
{ path: 'monitor', name: 'monitor', component: () => import('@/views/monitor/Monitor.vue') },
|
|
{ path: 'interconnect', name: 'interconnect', component: () => import('@/views/interconnect/index.vue') },
|
|
{ path: 'settings', name: 'settings', component: () => import('@/views/settings/Settings.vue') }
|
|
]
|
|
},
|
|
{
|
|
path: '/404',
|
|
name: '404',
|
|
component: () => import('@/views/error/NotFound.vue')
|
|
},
|
|
{
|
|
path: '/:pathMatch(.*)*',
|
|
redirect: '/404'
|
|
}
|
|
]
|
|
})
|
|
|
|
// 路由守卫
|
|
router.beforeEach(async (to, _from, next) => {
|
|
// 首次访问或访问登录页时强制检查
|
|
const forceCheck = !authChecked || to.path === '/login'
|
|
const isAuthenticated = await getAuthStatus(forceCheck)
|
|
|
|
// 检查是否需要认证
|
|
if (to.matched.some(record => record.meta.requiresAuth)) {
|
|
if (isAuthenticated) {
|
|
next()
|
|
} else {
|
|
next('/login')
|
|
}
|
|
} else if (to.matched.some(record => record.meta.guest)) {
|
|
// 已登录用户访问登录页，跳转到首页
|
|
if (isAuthenticated) {
|
|
next('/')
|
|
} else {
|
|
next()
|
|
}
|
|
} else {
|
|
next()
|
|
}
|
|
})
|
|
|
|
// 捕获动态导入(Chunk)加载失败异常（部署新版本时发生）
|
|
router.onError((error) => {
|
|
const isChunkLoadFailed = error.message && error.message.includes('Failed to fetch dynamically imported module')
|
|
if (isChunkLoadFailed) {
|
|
if (!sessionStorage.getItem('__chunk_reloaded__')) {
|
|
sessionStorage.setItem('__chunk_reloaded__', 'true')
|
|
window.location.reload()
|
|
} else {
|
|
console.error('动态模块加载持续失败', error)
|
|
sessionStorage.removeItem('__chunk_reloaded__')
|
|
}
|
|
}
|
|
})
|
|
|
|
export default router
|