vue-router动态加载路由记录
webpack和vite动态加载路由时,懒加载组件的方式不一致。vite不支持在import中添加变量,而webpack支持。
所以vite懒加载组件的方式就变成了:
const modules = import.meta.glob('@/views/**/*.vue') // 导入
/*
modules类似这样
{
'/src/views/demo/demo02.vue': () => import("/src/views/demo/demo02.vue")
}
router.addRoute({
name,
path,
component: modules[`/src/${component}.vue`]
})
vue-router动态加载路由记录
https://www.tab6.site/archives/vue-routerdong-tai-jia-zai-lu-you-ji-lu