+-
vue 浏览器缓存 问题,vscode关闭后依然可以查看已经加载过的内容。

最近在做大屏系统的前端部分,运行npm run dev后,访问一些页面,这些页面不管是组件切换还是路由切换,在整个vscode关闭后,依然可以通过切换路由或者标签来访问,因为全部是图表,我想做到每次切换一个组件或者页面,浏览器中的缓存都被清理掉!以此来节约系统资源,感觉所有的UI层面的内容全部被浏览器记录了,与vue组件是否销毁完全没有关系。请问各位前辈,是否有方法做到vue动态的直接清除浏览器缓存的方式?如跳转路由后,把之前所有的组件缓存都清了。

我绝对没设置keepalive,所有缓存确定是浏览器缓存,而不是路由缓存。

问题出现的环境背景及自己尝试过哪些方法

我目前的做法是切换组件的时候不做任何操作,但是切换路由的时候给强制刷新了,但感觉这样体验不好,但面对巨大数量的图表,似乎这样做也是一个可以接受的方式。

相关代码

navTo(url){
  this.$router.push({path:url});
  //window.location.reload();
  this.reload=true;
},
'$route'(to, from) {
  if(this.reload){
    window.location.reload();
  }
},

你期待的结果是什么?实际看到的错误信息又是什么?

希望能不通过刷新,动态的清除浏览器缓存!注意是浏览器缓存,不是路由缓存。绝对没有设置keepalive。

image

image