import { createRouter, createWebHistory } from 'vue-router' import { useUserStore } from '@/stores/user' import tokenManager from '@gold/utils/token-manager' import MainLayout from '@/layouts/MainLayout.vue' const routes = [ // 登录页面 - 独立渲染,不使用Layout { path: '/login', name: '登录', component: () => import('../views/auth/Login.vue'), meta: { requiresAuth: false } }, // 主布局路由 - 所有需要Layout的页面都在这里 { path: '/', component: MainLayout, redirect: '/content-style/benchmark', children: [ { path: 'content-style', name: '内容风格分析', children: [ { path: '', redirect: '/content-style/benchmark' }, { path: 'benchmark', name: '对标分析', component: () => import('../views/content-style/Benchmark.vue') }, { path: 'copywriting', name: '文案创作', component: () => import('../views/content-style/Copywriting.vue') }, ] }, { path: 'trends', name: '热点趋势分析', children: [ { path: '', redirect: '/trends/heat' }, { path: 'heat', name: '热度分析', component: () => import('../views/trends/Heat.vue') }, { path: 'forecast', name: '热点预测', component: () => import('../views/trends/Forecast.vue') }, ] }, { path: 'digital-human', name: '数字人', children: [ { path: '', redirect: '/digital-human/voice-copy' }, { path: 'kling', name: '数字人生成', component: () => import('../views/kling/IdentifyFace.vue') }, { path: 'voice-copy', name: '人声克隆', component: () => import('../views/dh/VoiceCopy.vue') }, ] }, { path: 'material', name: '素材库', children: [ { path: '', redirect: '/material/list' }, { path: 'list', name: '素材列表', component: () => import('../views/material/MaterialListNew.vue') }, { path: 'mix', name: '智能混剪', component: () => import('../views/material/Mix.vue') }, { path: 'mix-task', name: '混剪任务', component: () => import('../views/material/MixTaskList.vue') }, { path: 'group', name: '素材分组', component: () => import('../views/material/MaterialGroup.vue') }, ] }, { path: 'system', name: '系统', children: [ // { path: '', redirect: '/system/style-settings' }, // { path: 'style-settings', name: '风格设置', component: () => import('../views/system/StyleSettings.vue') }, { path: 'task-management/:type', name: '任务中心', component: () => import('../views/system/task-management/layout/TaskLayout.vue') } ], meta: { requiresAuth: true } }, ], meta: { requiresAuth: true } }, ] const router = createRouter({ history: createWebHistory(import.meta.env.BASE_URL), routes, }) // 路由守卫 router.beforeEach(async (to, from, next) => { const userStore = useUserStore() const authenToken = tokenManager.getAccessToken() // 路由访问控制 if (to.meta.requiresAuth && !authenToken) { // 需要认证但未登录,跳转到登录页并记录当前路径 next({ path: '/login', query: { redirect: to.fullPath } }) return } // 已登录用户访问登录页,重定向到首页 if (to.path === '/login' && authenToken) { next({ path: '/content-style/benchmark', replace: true }) return } if (authenToken && !userStore.isLoggedIn.value) { userStore.fetchUserInfo() } next() }) export default router