18910140161

通过 router.addRoutes() 生成的路由,懒加载失效了,哪里出了问题呢?怎样解决?

2021-10-29 18:02:52

212

vue2x项目,基础路由,像首页、404这些是写在本地router.js文件里的,其他路由是请求后端数据生成,通过 router.addRoutes() 的方式加的,登录页、首页路由都是懒加载的,但是我从首页跳到任一动态添加的路由时,请求了一堆路由组件的 js 文件,感觉他把其他的全部路由文件都请求回来了,为啥会这样??怎样解决??


顺晟科技:

在 router.beforeEach 中做判断添加router.addRoutes(accessRoutes) // 动态添加可访问路由表

根据数据生成路由对象的 component 方法如下const loadView = (view) => { // 传入组件路径字符return (resolve) => require([@/views/${view}], resolve)}

效果访问首页时(首页是在本地router.js文件就定义好路由的,非router.addRoutes添加)(懒加载,只加载了首页对应的路由组件js,如只加载了 0.js )

次访问 由 router.addRoutes 添加的路由时,请求了一堆 js,(1.js、2.js、3.js、4.js、5.js…)后面再访问 由 router.addRoutes 添加的路由时,不再请求相应的 js 了

大神们,求助!!!

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航