vue vue-router是否已登錄 路由驗證

main.js

router.beforeEach((to, from, next) => {
  let isLogin = localStorage.getItem('userInfo')   //登錄時存的數(shù)據(jù)
  if (to.matched.some(record => record.meta.requireLogin)) {  //路由頁面是否有meta值
    if ( to.name !== 'login' && !isLogin ) {    
      next({ path: '/' })
    } else {
      next()
    }
  } else {
    next() 
  }
})

router/index.js

//在路由頁面 加meta 判斷此頁面是否需要登陸后才可以進(jìn)入
{
      path: '/record',
      name: 'record',
      component: record,
      meta: { requireLogin: true }
    }
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容