V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
oouz
V2EX  ›  Vue.js

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

  •  
  •   oouz · 2023-10-25 11:19:24 +08:00 · 879 次点击
    这是一个创建于 376 天前的主题,其中的信息可能已经有所发展或是发生改变。
    我们的项目是一个使用 vue2 全家桶搭建的后台管理系统。

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

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

    不知道有没有大佬遇到过相同的问题?能给一个思路。
    5 条回复    2023-10-25 17:24:29 +08:00
    tomSoSleepy
        1
    tomSoSleepy  
       2023-10-25 11:25:41 +08:00
    大概就是 vue-router 的问题了,按照这个方向查就行了
    Chanran
        2
    Chanran  
       2023-10-25 11:26:07 +08:00
    盲猜是一直用 pushRouter 然后循环路由了。
    1. 一开始这样走:A -> B -> C -> B
    2. 在第二个 B 返回 C ,C 再返回的时候还是 B ,永远无法返回 A 了
    can2421
        3
    can2421  
       2023-10-25 14:06:39 +08:00
    keep-alive 的问题?
    oouz
        4
    oouz  
    OP
       2023-10-25 17:21:18 +08:00
    @can2421 我们也怀疑是,但是没法百分百复现,很难调试
    oouz
        5
    oouz  
    OP
       2023-10-25 17:24:29 +08:00
    @Chanran 试了一下,看起来并不是这个原因。你这个例子还能退一步,我们的问题是一步都不会退,只要触发了就只能进入新页面,不能返回了。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1221 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 18:01 · PVG 02:01 · LAX 10:01 · JFK 13:01
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.