sionrui/frontend/app/web-gold/src/router/index.js

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