欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

VUE怎么解决路由跳转时及跳转到外部链接,再返回的页面缓存问题

程序员文章站 2022-06-06 23:38:11
...

本地路由跳转时,可以在app.vue中加入以下代码,即可解决本地路由跳转时的缓存问题

<keep-alive include="Movie,Music,Test">
      <router-view></router-view>
    </keep-alive>

但是当跳转到外部链接时(不是本地项目)如百度,再返回时路由缓存就不管用啦,这不是vue的问题,是浏览器的问题,怎么解决这种情况呢?(记录下自己的心路历程)

  • 第一种方法 用axios访问百度,但前提是解决跨域问题,网上有很多方法,但我一个都没成功,我太菜啦
  • 第二种方法 本来我是打算在后端上记录路由跳转的数据,返回时再把这些数据传回来(VUE就是基于数据的)但发现这有悖前后端分离的初衷,前后端又掺杂在啦一起,那咋办呢,后来灵光一动,我为嘛不打开个新的标签页呢? 哈哈,打开新标签页,本页面不关闭,不就不用返回,这不就解决缓存问题啦

打开新标签页的代码

 window.open("http://www.baidu.com","_blank");