keep-alive缓存,三级路由不生效

此文章讲诉在vue中使用keep-alive缓存,三级路由缓存失败处理方案。

一二级路由缓存无任何问题,三级以上就会失败,因此我们在路由守卫中对matched做出如下优化

javascript 复制代码
Router.beforeEach((to, from, next)=>{
	if(to.matched && to.matched.length>2){
		to.matched.splice(1,to.matched.length -2)
	}
	next()
})
在路由拦截中对matched进行截取即可解决
相关推荐
吳所畏惧1 小时前
宝塔面板Redis密码修改指南:SSH命令修改 vs 面板UI界面修改,哪个更靠谱?
运维·服务器·数据库·redis·缓存·ssh
Y3815326626 小时前
SERP API + Redis 缓存层:4 种方案对比与选型
数据库·redis·缓存
海兰8 小时前
【高速缓存】RedisVL 高级查询(全文搜索、混合搜索和 多向量搜索)
数据库·人工智能·redis·缓存
-Camellia007-12 小时前
用 Vue3 + Vite + Pinia 写一个极简的“个人任务看板”(数据存本地 LocalStorage)
vue
流星白龙1 天前
【Redis】4.基本全局命令
数据库·redis·缓存
shawxlee1 天前
vue3在public下封装config.js自定义配置动态数据,可在打包后直接修改,方便后端部署及后续维护
前端·javascript·经验分享·vue·团队开发·js·项目优化
流星白龙1 天前
【Redis】3.Redis安装与命令行客户端
数据库·redis·缓存
jieyucx1 天前
Nuxt4阶段六:工程化与进阶 —— 模块、中间件、插件、TS 与测试
中间件·vue·web·nuxt·全栈·ssr
jieyucx1 天前
Nuxt4阶段五:渲染模式与性能优化
性能优化·vue·nuxt
我不想名字重复1 天前
redis缓存和数据库数据保持一致
数据库·redis·缓存