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
作者
tab
发布于
2025年05月18日
许可协议