点击链接跳转control plane详情页时传递cluster id的方案咨询

以下是适配你现有场景的3种可落地方案：

1. URL查询参数（Query String） #

• 实现逻辑：跳转时直接在现有路由后拼接参数，最终跳转地址格式为/deployments/bng/services/{cp}?clusterId={对应cluster的ID值}，普通<a>标签直接写拼接后的地址即可，不需要额外处理
• 参数获取：后端可直接读取HTTP请求的查询参数，比如PHP中用$_GET['clusterId']，Laravel框架中用$request->query('clusterId')；前端可直接通过JS解析地址栏参数：new URLSearchParams(window.location.search).get('clusterId')
• 优势：完全兼容现有路由规则，不需要调整路由定义，实现成本最低，且支持用户收藏详情页链接后二次打开仍能正常获取参数

2. 浏览器SessionStorage存储 #

• 实现逻辑：用户点击control plane跳转前，先把对应的cluster id写入SessionStorage：sessionStorage.setItem('activeClusterId', '实际ID值')，跳转至详情页后读取即可：sessionStorage.getItem('activeClusterId')
• 优势：参数不会暴露在URL地址栏，适合有隐藏参数需求的场景，且SessionStorage为浏览器标签页隔离，用户同时打开多个control plane详情页也不会出现参数串扰
• 注意事项：如果需要支持用户收藏链接后离线打开，该方案不适用，SessionStorage在标签页关闭后会自动清除

3. 单页应用状态管理传递 #

• 适用场景：仅适用于Vue/React等技术栈的前后端分离单页应用
• 实现逻辑：跳转前将cluster id存入项目对应的状态管理工具（Pinia/Vuex/Redux等），详情页挂载时直接从状态池读取对应参数即可
• 优势：参数存储在内存中，读写效率极高，不需要修改路由也不需要操作存储

选型建议：无特殊隐藏参数需求优先选URL查询参数方案，兼容性最好实现成本最低；需要隐藏参数的场景选SessionStorage方案即可。

内容的提问来源于stack exchange，提问作者code-8