Vue 项目刷新页面 #/ 之后的地址丢失怎么办？

矮油又得瑟了 · 发表于 2024-3-9 11:41:26

如题：
刷新页面之后有概率 #/ 之后的地址消失，
1.token 保活没问题，token 过期的提示都在
2.和缓存无关，clear site data 之后刷新页面，提示无token
3.没有除外 JS 代码的重定向，debugger 开了也没用
4.概率性出现，无痕浏览器里面也不影响
5.和单个电脑无关，多台电脑都能复现

复现条件：
1.单个账号登录 1H+ 无操作，可以提升触发 BUG 的概率

超级凶鸭 · 发表于 2024-3-9 11:42:14

从浏览器的角度来说，刷新应该不影响 hash（#/）。

所以大概率还是你的代码包含了自动跳转的功能，并且在一段时间后有大概率会触发。

可以考虑的方案：

只做一个简单的 html，验证你的浏览器刷新会不会影响 hash
我猜应该没影响。接下来可以用全局路由守卫找到更新的原因。
然后解决这个问题