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进行截取即可解决
相关推荐
知我Deja_Vu2 小时前
redisCommonHelper.generateCode(“GROUP“),Redis 生成码方法
数据库·redis·缓存
没有bug.的程序员6 小时前
电商秒杀系统深度进阶:高并发流量建模、库存零超卖内核与 Redis+MQ 闭环
数据库·redis·缓存·高并发·电商秒杀·流量建模·库存零超卖
troublea7 小时前
ThinkPHP3.x高效学习指南
mysql·nginx·缓存
troublea7 小时前
ThinkPHP6快速入门指南
数据库·mysql·缓存
南_山无梅落8 小时前
从传统Web到API驱动:使用Django REST Framework重构智能合同审查系统
重构·django·vue·drf
Emotional。8 小时前
AI Agent 性能优化和成本控制
人工智能·深度学习·机器学习·缓存·性能优化
jnrjian8 小时前
Oracle 共享池 库缓存下的 Library Cache Lock
数据库·缓存·oracle
Anastasiozzzz1 天前
阿亮随手记:MySQL移除查询缓存、子查询优化深分页、自增主键溢出、索引失效
数据库·mysql·缓存
難釋懷1 天前
Redis消息队列-基于Stream的消息队列-消费者组
数据库·redis·缓存
PD我是你的真爱粉1 天前
API 请求封装(Axios + 拦截器 + 错误处理)
前端框架·vue