119 lines
3.7 KiB
JavaScript
119 lines
3.7 KiB
JavaScript
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
|
||
|