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进行截取即可解决
相关推荐
wangjialelele19 分钟前
详解Redis终端操作和Redis-plus-plus接口使用
linux·数据库·c++·redis·分布式·缓存·中间件
小璐资源网33 分钟前
《Nginx缓存配置:浏览器缓存与服务器缓存实战》
服务器·nginx·缓存
LSL666_1 小时前
Redis值数据类型——String
数据库·redis·缓存·数据类型
品克缤14 小时前
Trading-Analysis:基于“规则+LLM”的行情分析终端(兼谈 Vibe Coding 实战感)
前端·后端·node.js·vue·express·ai编程·llama
最懒的菜鸟14 小时前
redis缓存击穿
数据库·redis·缓存
数据知道18 小时前
MongoDB热点数据识别:提升访问速度的缓存策略与实现
数据库·mongodb·缓存
北城笑笑21 小时前
Vue 100 ,Metaspace memory lack Error( 元空间内存不足 )
java·前端·javascript·vue
czlczl2002092521 小时前
Redis分布式缓存与持久化 杂知识
redis·分布式·缓存
老毛肚1 天前
Redis八股
数据库·redis·缓存
木斯佳1 天前
前端八股文面经大全:拓竹科技前端一面(2026-03-15)·面经深度解析
前端·css·面试·vue