在vite上直接使用import的方式进行动态路由加载,在本地打包是OK的,但是在服务器在线打包会出现动态路由报错的问题,通过翻阅官方文档改变了一下引入方式.
♾️ javascript 代码:component:()=>import('/views/pages/home/registered.vue')如上代码是一般情况下的动态路由加载,这种加载方式在vite上无法在服务器打包,可修改为如下代码
♾️ javascript 代码:const modules = import.meta.glob('../views/pages/*/*.vue');
//调用vite官方api import.meta.glob,加载出所有的vue路由文件,接着把加载路由代码改为如下即可
component: modules['../views/pages/home/registered.vue']
//通过modules获取的路由结构是如下形式的
() => import("/src/views/pages/components/Apimanagement.vue")