Как перенаправить на домашнюю страницу после выхода из системы в nuxt?

Question

после входа в систему на сайте я хочу, когда я нажимаю на определенную кнопку, пользователь выходит из сайта на домашнюю страницу.

вот мой template код:

<template>
  <nav id="header" class="navbar navbar-expand header-setting">
    <div class="main-content">
          <div class="notification" @click="LogOut()"></div>
      </div>
    </div>
  </nav>
</template>

и здесьмой script код:

export default {
  name: 'HeadeAfterLogin',
  methods: {
    LogOut() {
      localStorage.removeItem('token')
    }
  }
}

Кто-нибудь может помочь мне завершить функцию выхода из системы?

Answer 1

Внутри вашего компонента у вас есть доступ к this.$router

Так что вы можете легко сделать:

export default {
  name: 'HeadeAfterLogin',
  methods: {
    LogOut() {
      localStorage.removeItem('token')
      this.$router.push('/')
    }
  }
}