На странице обновления перейдите к другому маршруту vuejs

Question

У меня есть две страницы home и about. поэтому при обновлении страницы 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. Или есть ли способ добиться этого.

Answer 1

Из-за проблем безопасности и конфиденциальности браузера это невозможно сделать полностью в Vue.js / на стороне клиента.Он никогда не будет надежным.

Лучшее решение - использовать перенаправление на стороне сервера для решения этой ситуации.Когда страница обновляется, сервер получит запрос.Когда сервер получает запрос от /home маршрута, он должен перенаправить на /about, используя HTTP-статус 302 и Location заголовок.

Answer 2

В хуке Home Component mounted используйте

this.$router.push('/about')

Дайте мне знать, если это работает