在这里插入图片描述
这里也是调试了好久终于是解决了；总共尝试了多种解决方案；总结两种我已经试验成功的分享给大家

第一种；动态路由无非就是因为是接口请求后所导致

这是一个笨方法，但是出奇的好用；可以用于解决燃眉之急【本质就是不使用动态路由的模式】
例如路由配置的时候直接使用原始的路由配置；这样刷新以后就可以了；当然我们是有追求的向往进步的 这样也只是饮鸩止渴
在这里插入图片描述
在这里插入图片描述

第二种 利用本地缓存，localStorage，sessionStorage
注意：vuex处理时也是使用了本地缓存，这里直接跳过vuex感兴趣的可以自行研究

处理方法在首屏进入的时候即就请求动态路由添加至缓存中去，前提需要首页不是动态路由，或者使用第一种方式将首页变为静态路由
在这里插入图片描述
确保首页是静态路由后，请求接口后即可将请求回的路由信息进行缓存
在这里插入图片描述
这里我设置了一个 routersArr key值进行路由的缓存；然后再路由配置文件中获取缓存，读取并添加到 routes 中
在这里插入图片描述
注意：if判断读缓存添加路由也不可放在 new VueRouter()后面，否则也会加载白屏

如果有其他更好的方法可评论或私信留言 相互学习进步

# vue.js # 前端 # javascript
Logo
天工造物局

北京人形旗下天工造物具身智能开源社区，聚焦具身天工与慧思开物两大平台

更多推荐

deck.gl TripsLayer 出租车轨迹动画示例实战：从示例运行到着色器原理

TripsLayer 是 deck.gl 中用于渲染**随时间流动的轨迹动画**（如出租车行程、物流路径、迁徙路线）的核心图层。本文以仓库中的最小独立示例 [examples/website/trips](https://link.gitcode.com/i/1442af8f442f4cff39ff546e050fceb5) 为骨架，带你完成从安装依赖、启动应用、理解曼哈顿出租车数据格式，到深入

avatar 天工造物局

Foundry Anvil 中 eth_simulateV1 的 Blob 交易与 Blob Gas 字段规范化：原理、实现与测试验证

本篇技术指南以 [anvil-simulate-blob-transactions.md](https://link.gitcode.com/i/3d2ebe227262de169335eb290af80da8) 这条 changelog 条目为起点，深入剖析 Foundry Anvil 对 `eth_simulateV1` RPC 返回结果中 blob（EIP-4844）交易与 blob gas

avatar 天工造物局

LMCache CLI 实战：用 `lmcache kvcache clear` 管理运行中服务的 KV Cache 状态

本文是一份针对 LMCache 官方 CLI 命令 `lmcache kvcache` 的完整技术指南。该命令用于在**运行中的 LMCache 服务（MP HTTP server）**上管理 KV cache 状态，当前提供 `clear` 子命令，用于清空 L1（CPU 内存）层中缓存的全部 KV 数据。读完本文，你将掌握该命令的完整参数体系、退出码语义、终端/JSON/静默三种输出模式，并能

avatar 天工造物局