在页面刷新上导航到另一条路线vuejs

时间:2019-06-10 05:49:02

标签: javascript vue.js vuejs2 vue-router

我有两个页面homeabout。因此,在刷新home页面时,我需要导航到about页面。所以在home.vue中我是这样写的。

created () {
  window.addEventListener('beforeunload', this.reloadHandler)
}

destroyed () {
  window.removeEventListener('beforeunload', this.reloadHandler)
}

,并且在reloadHandler方法中,我将路由器推送到了about页面。

reloadHandler () {
  this.$nextTick(() => {
    this.$router.push('/about')
  })
}

是否可以通过vue-router做到这一点。还是有任何方法可以实现它。

2 个答案:

答案 0 :(得分:1)

由于浏览器的安全性和隐私问题,不可能完全在Vue.js /客户端中进行。永远不会万无一失。

最好的解决方案是使用服务器端重定向来处理这种情况。刷新页面后,服务器将收到请求。服务器从/home路由获取请求时,应使用HTTP状态/about302标头将其重定向到Location

答案 1 :(得分:0)

SELECT detail.* FROM test detail ORDER BY date(detail.date_in), detail.title desc, detail.date_in 组件Home挂钩中,使用

mounted

让我知道它是否有效