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

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

Quite
2021-07-19 / 0 评论 / 136 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2021年07月19日,已超过192天没有更新,若内容或图片失效,请留言反馈。

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

评论 (0)

取消