vite在服务器上打包出现动态路由报错的问题(记录)

在vite上直接使用import的方式进行动态路由加载,在本地打包是OK的,但是在服务器在线打包会出现动态路由报错的问题,通过翻阅官方文档改变了一下引入方式.

component:()=>import('/views/pages/home/registered.vue')

如上代码是一般情况下的动态路由加载,这种加载方式在vite上无法在服务器打包,可修改为如下代码

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")