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

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

相关文章:

  • 【C#】委托和事件
  • leetcode hot100强化练习 0 - 35
  • 华为S5700交换机版本升级步骤
  • Android中ANR的分析和解决
  • SPWM载波调制方式-三电平杂记1
  • 渗透测试之Web安全系列教程(二)
  • 300价值与300成长指数
  • 【HarmonyOS】List组件多层对象嵌套ForEach渲染更新的处理
  • 集成学习算法笔记
  • 已解决java.nio.charset.CoderMalfunctionError: 编码器故障错误的正确解决方法,亲测有效!!!
  • 有钱还系统源码,人人还众筹还钱模式还贷系统源码
  • SD-WAN简介
  • Android基础-UI布局
  • 正缘画像 api数据接口
  • 隐马尔可夫链
  • 【跃迁之路】【585天】程序员高效学习方法论探索系列(实验阶段342-2018.09.13)...
  • 2017 前端面试准备 - 收藏集 - 掘金
  • Angular2开发踩坑系列-生产环境编译
  • cookie和session
  • Js实现点击查看全文(类似今日头条、知乎日报效果)
  • Laravel Mix运行时关于es2015报错解决方案
  • Python中eval与exec的使用及区别
  • 编写高质量JavaScript代码之并发
  • 观察者模式实现非直接耦合
  • 诡异!React stopPropagation失灵
  • 后端_ThinkPHP5
  • 简单基于spring的redis配置(单机和集群模式)
  • 蓝海存储开关机注意事项总结
  • 理清楚Vue的结构
  • 聊一聊前端的监控
  • 用jQuery怎么做到前后端分离
  • 基于django的视频点播网站开发-step3-注册登录功能 ...
  • 你学不懂C语言,是因为不懂编写C程序的7个步骤 ...
  • ​LeetCode解法汇总1410. HTML 实体解析器
  • ​linux启动进程的方式
  • ​如何在iOS手机上查看应用日志
  • $.ajax()方法详解
  • (ZT)一个美国文科博士的YardLife
  • (二)什么是Vite——Vite 和 Webpack 区别(冷启动)
  • (黑马出品_高级篇_01)SpringCloud+RabbitMQ+Docker+Redis+搜索+分布式
  • (强烈推荐)移动端音视频从零到上手(上)
  • (一)十分简易快速 自己训练样本 opencv级联haar分类器 车牌识别
  • .cfg\.dat\.mak(持续补充)
  • .DFS.
  • .form文件_一篇文章学会文件上传
  • .NET 5种线程安全集合
  • .NET 快速重构概要1
  • .NET 设计一套高性能的弱事件机制
  • .NET版Word处理控件Aspose.words功能演示:在ASP.NET MVC中创建MS Word编辑器
  • .NET序列化 serializable,反序列化
  • .NET中两种OCR方式对比
  • 。。。。。
  • /usr/bin/python: can't decompress data; zlib not available 的异常处理
  • @Bean, @Component, @Configuration简析
  • @modelattribute注解用postman测试怎么传参_接口测试之问题挖掘