在Svelte中使用page.js时如何在编辑时保留动态路由内容

• 现有动态路由的注册逻辑被绑定在IndexedDB数据拉取完成的流程之后，等客户端列表从Dexie加载到内存后，才会为每个客户条目生成对应的独立路由规则
• 页面刷新/热更新触发全量应用重载时，路由的匹配流程会优先于“拉取IndexedDB数据、注册动态路由”的流程执行
• 此时浏览器输入的/client/0/dashboard这类路径，因为还没有对应的已注册匹配规则，会被路由判定为无有效目标，自动跳转回默认落地页
• 静态页面的路由是在应用启动时就提前注册的，和IndexedDB数据加载流程无关，所以刷新/热更新时不会出现路径丢失的问题

• 改用page.js原生支持的参数化通配路由替代穷举式的动态路由注册，不需要提前遍历所有IndexedDB里的客户条目逐个生成规则，直接在应用初始化阶段注册通用规则/client/:clientId/dashboard即可，路由匹配完全依赖URL上的路径参数，和是否提前拿到全量客户列表无关
• 调整动态路由页的数据获取逻辑：移除“必须先全局预加载全量客户列表才能跳转”的前置校验，当匹配到/client/:clientId/dashboard路由时，直接在组件挂载阶段，从URL参数中提取clientId，调用Dexie单条查询接口获取对应客户的详情数据完成页面渲染
• 确保page.js的初始化逻辑写在应用全局入口位置，不要在组件的作用域内创建路由实例，避免Vite热更新时反复销毁、重建路由实例导致的当前URL匹配上下文丢失
• 增加路由兜底逻辑：当动态路由组件通过clientId查询不到对应IndexedDB条目时，再执行跳转落地页的操作，避免无效路径造成页面白屏

内容的提问来源于stack exchange，提问作者William