路由配置

import { createRouter, createWebHistory} from "vue-router";

const pages = import.meta.glob('../components/**.vue',{
    eager: true,
    import: 'default'
})
const routes = Object.entries(pages).map(([path, meta]) => {
    const conpPath = path
    path = path.replace('../components', '').replace('.vue', '')
    return {
        path: path,
        component: () => import(conpPath)
    }
})
const router = createRouter({
    history: createWebHistory(),
    routes
})

export default router

目录结构如下