V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
oouz
V2EX  ›  Vue.js

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

  •  
  •   oouz · Oct 25, 2023 · 1717 views
    This topic created in 917 days ago, the information mentioned may be changed or developed.
    我们的项目是一个使用 vue2 全家桶搭建的后台管理系统。

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

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

    不知道有没有大佬遇到过相同的问题?能给一个思路。
    5 replies    2023-10-25 17:24:29 +08:00
    tomSoSleepy
        1
    tomSoSleepy  
       Oct 25, 2023
    大概就是 vue-router 的问题了,按照这个方向查就行了
    Chanran
        2
    Chanran  
       Oct 25, 2023
    盲猜是一直用 pushRouter 然后循环路由了。
    1. 一开始这样走:A -> B -> C -> B
    2. 在第二个 B 返回 C ,C 再返回的时候还是 B ,永远无法返回 A 了
    can2421
        3
    can2421  
       Oct 25, 2023
    keep-alive 的问题?
    oouz
        4
    oouz  
    OP
       Oct 25, 2023
    @can2421 我们也怀疑是,但是没法百分百复现,很难调试
    oouz
        5
    oouz  
    OP
       Oct 25, 2023
    @Chanran 试了一下,看起来并不是这个原因。你这个例子还能退一步,我们的问题是一步都不会退,只要触发了就只能进入新页面,不能返回了。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3923 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 35ms · UTC 05:13 · PVG 13:13 · LAX 22:13 · JFK 01:13
    ♥ Do have faith in what you're doing.