当前位置: 首页 > news >正文

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

在这里插入图片描述

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

过程:
1 操作流程:页面a点击a标签->到页面b->页面b用户退出刷新页面->点击浏览器的返回按钮返回上一页
2 结果:返回页面后页面没有刷新导致用户名还显示着,页面没有发生任何变化,还保持之跳转之前的样子
3 预期:是返回上一页之后之后刷新页面,或者刷新状态

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

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

  2. 也在设置了key

  3. 尝试了window.addEventListener(‘popstate’, (event) =>
    this.handlePopState(event)
    );监听(路由就算发生了变化也监听不到)

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

http://www.lryc.cn/news/365890.html

相关文章:

  • C++的“引用”是条寄生虫
  • 人体感应提醒 大声公+微波模块
  • 正确的功能可将热晶体管风速计线性化
  • 小程序集arcgis地图显示自定义坐标的功能实现记录!(学习笔记)
  • 谷歌医疗大模型登Nature,Med-PaLM重磅揭秘!AI医生成绩比肩人类
  • java-字符串相关类的底层原理
  • C++模板编程—学习C++类库的编程基础
  • [每周一更]-(第99期):MySQL的索引为什么用B+树?
  • 详解MySQL的MVCC机制
  • docker部署skywalking
  • Mac 使用Docker安装Elasticsearch、Kibana 、ik分词器、head
  • 【Webpack4打包机制原理解析】
  • 如何提高接口响应速度
  • 项目敏感配置信息加固
  • HCIA-AI课程大纲
  • keil program algorithm 出错
  • SITNE24V2BNQ-3/TR一种瞬态电压抑制器,对标PESD1CAN
  • Vue3【四】使用Vue2的写法写一个新的组件子组件和根组件
  • 指标体系建设10大坑
  • ubuntu 20.04上docker 使用gpu
  • 短剧系统投流版开发,为运营公司投流业务赋能
  • 入坑必看的几个嵌入式方向热点问题
  • 电能表如何与智能家居进行有效的融合
  • jmeter多用户登录并退出教程
  • 阿里云ECS实例镜像本地取证
  • 不要硬来!班组管理有“巧思”
  • [原创][Delphi多线程]使用TMonitor和TQueue配合实现TThreadedQueue的经典使用案例.
  • vue3 基于el-tree增加、删除节点(非TypeScript 写法)
  • 小抄 20240607
  • 【GIS教程】土地利用转移矩阵