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");