风来自远方 相爱的人总会相逢
博主 风来自远方
蜀ICP备15021793号-2博主 11月4日 在线自豪地使用 Typecho 建站搭配使用 🌻Sunny 主题当前在线 1 人
歌曲封面 未知作品

蜀ICP备15021793号-2

网站已运行 4 年 109 天 16 小时 23 分

Powered by Typecho & Sunny

2 online · 29 ms

Title

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

Quite

·

vue学习

·

Article
⚠️ 本文最后更新于2021年07月19日,已经过了1241天没有更新,若内容或图片失效,请留言反馈

在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")
现在已有 1428 次阅读,0 条评论,1 人点赞
Comment:共0条
发表
搜 索 消 息 足 迹
你还不曾留言过..
你还不曾留下足迹..
博主 不再显示
博主