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进行截取即可解决
相关推荐
斯蒂文6682 小时前
[MAF预定义ChatClient中间件-03]CachingChatClient——利用缓存省钱省时间
缓存·中间件
難釋懷4 小时前
Nginx浏览器强制缓存
运维·nginx·缓存
诚信定制8394 小时前
如何启动 Redis 服务:详细步骤指南
数据库·redis·缓存
cxr8286 小时前
缓存策略探测实验方案架构设计
缓存
大江东去浪淘尽千古风流人物7 小时前
【KV-Tracker】实时位姿跟踪:用KV缓存将多视图Transformer加速15倍
深度学习·缓存·transformer·3d重建·kv-tracker·实时位姿跟踪
ffqws_20 小时前
redis面试:如何保证双写一致
数据库·redis·缓存
枫叶丹41 天前
Loop Engineering:从提示词到循环系统
数据库·redis·缓存·loop
山海云端有限公司2 天前
随机诗词API实战:Vue项目接入完整示例与5个常见坑
vue·实战·前端开发·跨域·api调用·随机诗词api
暗冰ཏོ2 天前
Spring Boot + Vue3 订单支付模块技术实现:支付单、回调验签、幂等处理与余额扣减
前端·spring boot·后端·vue·微信支付·支付宝支付
云计算磊哥@2 天前
运维开发宝典051-缓存服务Redis集群2
redis·缓存·运维开发