vue2 bug 小白求助!!!(未解决,大概是浏览器缓存的问题或者是路由的问题)

我的vue2项目出现了一个超级恶心的bug

具体流程:

页面a点击a标签->到页面b->页面b用户退出刷新页面->点击浏览器的返回按钮返回上一页

返回页面后页面没有刷新导致用户名还显示这

  1. 项目中没有用keep-alive缓存

  2. 也在设置了key

  3. 尝试了window.removeEventListener('popstate', this.handlePopState());监听(不管用 根本监听不到)

  4. if (window.performance && window.performance.navigation) { switch (window.performance.navigation.type) { case window.performance.navigation.TYPE_RELOAD: // 页面是通过刷新重新加载的 console.log('页面是通过刷新重新加载的'); break; case window.performance.navigation.TYPE_BACK_FORWARD: // 页面是通过浏览器的回退或前进按钮加载的 console.log('页面是通过浏览器的回退或前进按钮加载的'); window.location.reload(true); break; // ... 其他情况 } }

    也试了 返回不了结果

  5. watch里面监听$route和在路由守卫里面也没法判断路由的变化刷新 强行刷新会导致页面死循环一直刷新

  6. 尝试了在meta标签里面和nginx中设置不使用缓存,也不行

已经是勤驴技穷了

还有个特殊的问题就是

  1. 在本地启项目的话浏览器的前进和后退都会刷新页面

    如果部署到线上的话才会不刷新

    本地环境是http

    线上是https

  2. chrome会出现问题 用火狐测试了一下好像是没有这个问题

  3. 如果挂代理的话也会刷新页面

相关推荐
嘟嘟07171 分钟前
一文讲通 SPA 前端路由:从传统多页到手写 HashRouter
javascript
柒和远方1 分钟前
V058:前端路由的第一性原理:从 hashchange 手写路由,到 React Router 的嵌套与懒加载
前端·javascript·react.js
计算机魔术师2 分钟前
阿里云上线 One Key MCP 服务:兼容 Qoder、Codex 等,可一键调用多家 MCP 服务
前端
Darling噜啦啦4 分钟前
React Router 全家桶实战:从路由懒加载到嵌套路由的 6 大核心玩法
前端·react.js
冷咖啡离 我的笨笨4 分钟前
通过(Node Js||.Net)基于HTML5的WebSocket实现实时视频文字传输(上)
javascript·.net·html5
Goodbye5 分钟前
组件详解:从起源到未来的全方位解读
前端
无糖可可果7 分钟前
从前端路由的起源到 React Router 实战
前端
亿元程序员9 分钟前
竹知了很火?于是我用Cocos做了一个
前端
八号当铺10 分钟前
我做了一个多端基金收益助手:从养基宝数据到 Web、桌面端、浏览器插件和 IDE 插件
前端·人工智能·github
用户8524950718410 分钟前
从多页到 SPA:用 50 行代码理解前端路由的本质
前端