95 lines
3.2 KiB
TypeScript
95 lines
3.2 KiB
TypeScript
|
import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
|
|||
|
|
// @ts-ignore
|
|||
|
|
import { TokenManager } from 'shared/api'
|
|||
|
|
// @ts-ignore
|
|||
|
|
import { APP_CONFIG } from 'shared/config'
|
|||
|
|
// @ts-ignore
|
|||
|
|
import { loadRoutesFromStorage } from './dynamicRoute'
|
|||
|
|
|
|||
|
|
// workcase应用的动态路由会根据layout字段自动添加，不需要预定义Root布局
|
|||
|
|
const routes: RouteRecordRaw[] = []
|
|||
|
|
|
|||
|
|
const router = createRouter({
|
|||
|
|
history: createWebHistory('/workcase'), // 与nginx保持一致，使用/workcase前缀
|
|||
|
|
routes
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
// 标记动态路由是否已加载
|
|||
|
|
let dynamicRoutesLoaded = false
|
|||
|
|
|
|||
|
|
// 路由守卫
|
|||
|
|
router.beforeEach((to, from, next) => {
|
|||
|
|
console.log('[Workcase Router] 路由守卫触发:', {
|
|||
|
|
to: to.path,
|
|||
|
|
from: from.path,
|
|||
|
|
meta: to.meta
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
// 设置页面标题
|
|||
|
|
if (to.meta.title) {
|
|||
|
|
document.title = `${to.meta.title} - 工单管理系统`
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 检查是否需要登录
|
|||
|
|
const requiresAuth = to.meta.requiresAuth !== false
|
|||
|
|
const hasToken = TokenManager.hasToken()
|
|||
|
|
|
|||
|
|
console.log('[Workcase Router] 认证检查:', {
|
|||
|
|
requiresAuth,
|
|||
|
|
hasToken,
|
|||
|
|
tokenValue: localStorage.getItem('token')
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
// 其他页面：检查是否需要登录
|
|||
|
|
if (requiresAuth && !hasToken) {
|
|||
|
|
// 需要登录但未登录，重定向到 platform 的登录页
|
|||
|
|
// 重要：必须使用完整URL（包含origin），避免被workcase的路由拦截造成循环
|
|||
|
|
const currentUrl = window.location.href
|
|||
|
|
const origin = window.location.origin
|
|||
|
|
|
|||
|
|
// 构建platform登录页的完整URL
|
|||
|
|
const loginUrl = `${origin}/login?redirect=${encodeURIComponent(currentUrl)}`
|
|||
|
|
|
|||
|
|
console.log('[Workcase Router] 未登录，重定向到Platform登录页:', loginUrl)
|
|||
|
|
|
|||
|
|
// 使用完整URL跳转，跳出workcase的路由系统
|
|||
|
|
window.location.href = loginUrl
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 如果已登录且动态路由未加载，先加载动态路由
|
|||
|
|
if (hasToken && !dynamicRoutesLoaded) {
|
|||
|
|
console.log('[Workcase Router] 开始加载动态路由...')
|
|||
|
|
console.log('[Workcase Router] LocalStorage 内容:', {
|
|||
|
|
loginDomain: localStorage.getItem('loginDomain'),
|
|||
|
|
token: localStorage.getItem('token')
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
dynamicRoutesLoaded = true
|
|||
|
|
const loaded = loadRoutesFromStorage?.()
|
|||
|
|
|
|||
|
|
console.log('[Workcase Router] 动态路由加载结果:', loaded)
|
|||
|
|
console.log('[Workcase Router] 当前路径:', to.path)
|
|||
|
|
console.log('[Workcase Router] 所有路由:', router.getRoutes().map(r => r.path))
|
|||
|
|
|
|||
|
|
if (loaded) {
|
|||
|
|
// 动态路由加载成功，重新导航以匹配新添加的路由
|
|||
|
|
console.log('[Workcase Router] 动态路由加载成功，重新导航到:', to.path)
|
|||
|
|
next({ ...to, replace: true })
|
|||
|
|
return
|
|||
|
|
} else {
|
|||
|
|
console.warn('[Workcase Router] 动态路由加载失败')
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
console.log('[Workcase Router] 继续正常导航')
|
|||
|
|
next()
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
// 重置动态路由加载状态
|
|||
|
|
export function resetDynamicRoutes() {
|
|||
|
|
dynamicRoutesLoaded = false
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export default router
|