vue-router簡単な権限処理

509 ワード

//               
router.beforeEach((to, form, next) => {
//      
  let role
  if(Vue.$cookies.get("#####")){
    role = Vue.$cookies.get("#####")
  }
  //                        ,        
  if (!role && (to.path !== '/login' && to.path !== '/register')) {
    next('/login')
  } 
  //         
   else {
    next();
  }
})

ここではcookiesを使用してユーザー情報を格納しています.cookiesがあればページをジャンプできる使用権限があり、ユーザー情報がなければログインと登録ページしかジャンプできません.