Vue3实现动态路由

• 获取vue文件

const views = import.meta.glob('@/views/**/*.vue');

• 获取加载后的js文件

const viewJSs = import.meta.glob('@/views/**/*.js', { eager: true });

• 构建路由

const routeList = [];
 
Object.keys(views).forEach(key => {
    let values = key.match(/\/src\/views(\/.+)*\.vue$/);
    routeList.push({
        path: values[1],
        name: values[1],
        component: views[key],
        meta: viewJSs[key.replace("vue", "js")]?.meta || {}
    })
})