最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

這篇文章將為大家詳細講解有關怎么在Vue中利用beforeEach檢查登錄狀態(tài)，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。

成都創(chuàng)新互聯主要從事網站設計、網站制作、網頁設計、企業(yè)做網站、公司建網站等業(yè)務。立足成都服務玄武,10多年網站建設經驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:028-86922220

1.在登錄請求接口時返回用戶的信息，比如 userInfo:{userId:'123', userName:'小明'}，登錄成功之后將userInfo存入store中。

2.使用beforeEach實現登錄狀態(tài)檢查

vueRouter.beforeEach((to, from, next) => {
  //store的getters中定義獲取用戶信息的函數 getUser
  //userId為空說明用戶未登錄
  let isLogin = store.getters.getUser.userId;
  if (!isLogin) {//未登錄
    if (to.path !== '/login') {//跳轉到登錄頁
      return next({path: '/login'});
    }else {
      next();
    }
  }else {//已登錄
    if (to.path === '/login') {//跳轉到首頁
      return next({path: '/index'});
    }
    next();
  }
});

如果需要退出登錄，只需要將保存在store中的用戶信息置空即可。

關于怎么在Vue中利用beforeEach檢查登錄狀態(tài)就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

本文名稱：怎么在Vue中利用beforeEach檢查登錄狀態(tài)
文章網址：http://fisionsoft.com.cn/article/iideci.html