Blazor Wasm跳转页面后点击浏览器返回时如何保留页面状态

直接采用核心状态入URL + 临时UI状态存会话存储的分层实现模式，完全规避你提到的两种方案的缺陷，实现成本极低。

核心实现逻辑 #

按状态的属性拆分存储位置，不要把所有状态都塞到同一个存储介质里：

• URL中仅保留categoryId这一个核心查询参数，复用你已经实现的激活分类回显逻辑：用户返回页面、分享链接、直接输入链接访问时，都能通过这个参数定位到正确的选中分类，保证URL简洁可读，不会出现冗长的序列化参数。
• 分类节点的展开/折叠状态属于和当前用户当前标签页绑定的临时UI交互状态，不需要体现在URL中，直接存入浏览器的sessionStorage即可：存储key固定为目录页专属标识（比如prod-catalog-expanded-nodes），值为当前处于展开状态的分类ID数组。

方案优势 #

对比你构思的两种方案，这个模式没有对应的缺陷：

1. 对比全量状态拼接URL的方案：URL永远只携带一个业务参数，完全不会出现杂乱的序列化字符串，不影响可读性和链接分享能力——毕竟用户把目录页链接分享给其他人时，不需要把自己本地哪些分类展开了也同步给对方，对方打开链接只要能正确定位选中分类即可。
2. 对比全局状态容器存状态记录的方案：sessionStorage和单个浏览器标签页生命周期绑定，用户关闭标签页、跳转到外部站点后，对应存储会随标签页自动回收，根本不会出现跨页面、跨会话堆积冗余状态的问题，也不需要你维护状态ID、定期清理过期记录的额外逻辑。

关键实现细节 #

• 页面初始化加载流程：
  1. 先从URL查询参数中读取categoryId，校验是否为合法的分类ID
  2. 从sessionStorage中读取之前存储的展开节点ID数组，如果URL中携带了合法的categoryId，自动计算该分类到根节点的所有父级分类ID，合并到展开节点数组中，保证选中分类的路径自动展开，不会出现选中分类被折叠在节点里找不到的情况
  3. 将合并后的展开节点数组回写到sessionStorage，完成分类树初始渲染
• 交互事件绑定：给分类树的展开/折叠切换按钮绑定事件，用户手动操作节点展开/折叠时，实时更新sessionStorage中存储的展开节点ID数组即可，全程不需要修改URL。
• 存储选型注意：不要用localStorage存储展开状态，localStorage是跨标签页持久化的，多个标签页打开不同分类目录时会出现状态串扰，sessionStorage的标签页隔离特性刚好匹配这个场景。Blazor Wasm中可以直接使用官方提供的ProtectedSessionStorage服务，内置序列化、数据保护能力，不需要自己额外封装存储读写逻辑。

边界场景处理：如果用户从同站点其他页面导航进入目录页、URL未携带categoryId，直接读取sessionStorage中上次留存的选中分类和展开状态即可，和用户上次离开时的交互状态完全一致；如果是全新标签页打开目录页、URL也没有携带categoryId，默认渲染根分类、展开第一级分类节点即可。

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