supervision-vue/src/router/index.ts

import { createRouter, createWebHashHistory, type RouteRecordRaw, RouterView } from 'vue-router'
import { routes, LAYOUT } from './routes'
import { MenuEnum } from '@/enums/appEnums'
import { de } from 'element-plus/es/locale'

// 匹配views里面所有的.vue文件，动态引入
const modules = import.meta.glob('/src/views/**/*.vue')

export function getModulesKey() {
    return Object.keys(modules).map((item) => item.replace('/src/views/', '').replace('.vue', ''))
}

export function createRouteRecord(menus) {
    return menus.map(menu => {
        const routeRecord: RouteRecordRaw = {
            path: menu.paths,
            name: Symbol(menu.paths),
            meta: {
                hidden: !menu.isShow,
                keepAlive: !!menu.isCache,
                title: menu.menuName,
                perms: menu.perms,
                icon: menu.icon,
                type: menu.menuType,
                openOutside:menu.openOutside,
                openNewPage: menu.openNewPage
            }
        }
        switch (menu.menuType) {
            case MenuEnum.CATALOGUE:
                routeRecord.component = LAYOUT
                break
            case MenuEnum.MENU:
                routeRecord.component = loadRouteView(menu.component)
                break
        }
        if (menu.children.length) {
            routeRecord.children = createRouteRecord(menu.children)
        }
        return routeRecord
    })
}

// 动态加载组件
function loadRouteView(component: string) {
    try {
        const key = Object.keys(modules).find((key) => {
            return key.includes(`${component}.vue`)
        })
        if (key) {
            return modules[key]
        }
        throw Error(`找不到组件${component}，请确保组件路径正确`)
    } catch (error) {
        console.error(error)
        return RouterView
    }
}

// 找到第一个有效的路由
export function findFirstValidRoute(routes: RouteRecordRaw[]): string | undefined {
    for (const route of routes) {
        if (route.meta?.type == MenuEnum.MENU && !route.meta?.hidden) {
            return route.name as string
        }
        if (route.children) {
            const name = findFirstValidRoute(route.children)
            if (name) {
                return name
            }
        }
    }
}

const router = createRouter({
    history: createWebHashHistory(),
    routes
});

export default router;