vueルーティングガードの使用方法

router/index.jsでのルーティング・ナビゲーション・ガードの定義

//         
router.beforeEach((to, from, next) => {
  // to        
  // from          
  // next      ，    
  //       token，          login  
  if (to.path === '/login') return next()
  //   token
  const tokenStr = window.sessionStorage.getItem('token')
  if (!tokenStr) return next('/login')
  //      
  next()
})

終了ボタンsessionStorageのtoken値をクリア

logout () {
      //   sessionStorage  token 
      window.sessionStorage.clear()
      //    login
      this.$router.push('/login')
    }
  }