my-bigScreen/screen-vue/src/router/index.js

import { createRouter, createWebHashHistory } from 'vue-router'
import Login from '@/views/Login.vue'
import Page404 from '@/views/error/404.vue'
import Layout from '@/components/Layout/index.vue'
import Dashboard from '@/views/desktop/index.vue'
import bigScreen from '@/views/screen/index.vue'

const modules = import.meta.glob('../views/**/index.vue', { 
  eager: false,
  import: 'default'
})

const generateRoutes = () => {
  const routes = []
  
  Object.entries(modules).forEach(([filePath, module]) => {
    const excludePaths = [
      'views/Login.vue',
	  'views/desktop/index.vue',
	  'views/error/',
      'views/screen/',
    ]
    if (excludePaths.some(path => filePath.includes(path))) {
      return
    }

    const routePath = filePath
      .replace('../views', '')
      .replace('.vue', '')
      .toLowerCase()

    const routeName = routePath
      .split('/')
      .filter(Boolean)
      .map(seg => seg.charAt(0).toUpperCase() + seg.slice(1))
      .join('')

    routes.push({
      path: routePath,
      name: routeName || 'SystemRoleIndex',
      component: module
    })
  })

  return routes
}

const routes = [
  {
    path: '/login',
    name: 'Login',
    component: Login,
    meta: { isPublic: true }
  },
  {
    path: '/bigScreen',
    name: 'bigScreen',
    component: bigScreen,
    meta: { requiresAuth: true }
  },
  {
    path: '/',
    redirect: '/login'
  },
  {
    path: '/layout',
    component: Layout,
    meta: { requiresAuth: true },
    children: [
      {
        path: '/dashboard',
        name: 'Dashboard',
        component: Dashboard
      },
      ...generateRoutes()
    ]
  },
  {
    path: '/:pathMatch(.*)*',
    name: 'Page404',
    component: Page404
  }
]

const router = createRouter({
  history: createWebHashHistory(import.meta.env.BASE_URL || './'),
  routes,
  scrollBehavior() {
    return { top: 0 }
  }
})

// 优化路由守卫：适配hash模式，增强容错
router.beforeEach((to, from, next) => {
  // 1. 公开页面直接放行（登录页）
  if (to.meta.isPublic) {
    next()
    return
  }

  // 2. 非公开页面校验token（兼容hash模式）
  try {
    const token = localStorage.getItem('token')
    const isValidToken = token.trim().length > 0
    
    if (isValidToken) {
      next()
    } else {
      next({ 
        path: '/login', 
        query: { redirect: to.fullPath },
        replace: true
      })
    }
  } catch (error) {
    console.error('路由守卫校验失败：', error)
    next({ 
      path: '/login', 
      replace: true 
    })
  }
})

export default router