一个 Chrome 中点击返回按钮页面不更新的问题

2023-10-25 11:19:24 +08:00
 oouz
我们的项目是一个使用 vue2 全家桶搭建的后台管理系统。

最近用户反馈一个问题:
偶然会出现浏览器的返回上一页按钮点击后页面没有变化的问题,多次点击返回按钮页面也不变,但是浏览器的 url 栏中的 url 地址是改变了的。
点击跳转新页面功能是正常的,页面也可以更新。也就是可以前进,但是后退的话页面不会更新。
这个问题我们没办法百分百复现,偶然情况下出现。
用户发现这个问题后,只要刷新页面就正常了。

用户大概的操作流程是:
早上来打开浏览器->登录系统->发现点击返回页面不更新->刷新页面恢复正常

不知道有没有大佬遇到过相同的问题?能给一个思路。
921 次点击
所在节点    Vue.js
5 条回复
tomSoSleepy
2023-10-25 11:25:41 +08:00
大概就是 vue-router 的问题了,按照这个方向查就行了
Chanran
2023-10-25 11:26:07 +08:00
盲猜是一直用 pushRouter 然后循环路由了。
1. 一开始这样走:A -> B -> C -> B
2. 在第二个 B 返回 C ,C 再返回的时候还是 B ,永远无法返回 A 了
can2421
2023-10-25 14:06:39 +08:00
keep-alive 的问题?
oouz
2023-10-25 17:21:18 +08:00
@can2421 我们也怀疑是,但是没法百分百复现,很难调试
oouz
2023-10-25 17:24:29 +08:00
@Chanran 试了一下,看起来并不是这个原因。你这个例子还能退一步,我们的问题是一步都不会退,只要触发了就只能进入新页面,不能返回了。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/985201

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX