vue路由懒加载的原理及实现?Vue路由元信息与懒加载和模块拆分详细介绍
目录1. 路由元信息 2. 路由懒加载和模块拆分1. 路由元信息 描述: 元信息就是对于路由规则的额外补充信息,也就是在定义路由的时候可以配置 meta 字段。 元信息通俗点来说,就是写给程序看的注释
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 了
大神们,求助!!!
19
2022-10
19
2022-10
23
2022-09
23
2022-09
23
2022-09
13
2022-09