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. 如果挂代理的话也会刷新页面

相关推荐
xiaoqi92237 分钟前
React Native鸿蒙跨平台如何进行狗狗领养中心,实现基于唯一标识的事件透传方式是移动端列表开发的通用规范
javascript·react native·react.js·ecmascript·harmonyos
jin1233221 小时前
React Native鸿蒙跨平台剧本杀组队消息与快捷入口组件,包含消息列表展示、快捷入口管理、快捷操作触发和消息详情预览四大核心功能
javascript·react native·react.js·ecmascript·harmonyos
烬头88213 小时前
React Native鸿蒙跨平台实现二维码联系人APP(QRCodeContactApp)
javascript·react native·react.js·ecmascript·harmonyos
pas1363 小时前
40-mini-vue 实现三种联合类型
前端·javascript·vue.js
摇滚侠3 小时前
2 小时快速入门 ES6 基础视频教程
前端·ecmascript·es6
2601_949833393 小时前
flutter_for_openharmony口腔护理app实战+预约管理实现
android·javascript·flutter
珑墨3 小时前
【Turbo】使用介绍
前端
军军君014 小时前
Three.js基础功能学习十三:太阳系实例上
前端·javascript·vue.js·学习·3d·前端框架·three
xiaoqi9225 小时前
React Native鸿蒙跨平台如何实现分类页面组件通过searchQuery状态变量管理搜索输入,实现了分类的实时过滤功能
javascript·react native·react.js·ecmascript·harmonyos
打小就很皮...5 小时前
Tesseract.js OCR 中文识别
前端·react.js·ocr