vue前端登陸驗證判斷

前言

不用幸苦的在組件內部判斷是否登陸，

修改兩個東西main.js和index.js

main.js

router.beforeEach((to, from, next) => {

  if (to.matched.some(record => record.meta.requiresAuth)) {
    // alert(window.vm.$store.getters.getJwt);
    //這裏判斷用戶是否登錄，驗證本地存儲是否有token
    if (!window.vm.$store.getters.getUserMembers) { // 判斷當前的token是否存在
      alert("請登錄後才能訪問");
      next({
        path: '/ReceptionLogin',
        query: { redirect: to.fullPath }
      })
    } else {
      next()
    }
  } else {
    next() // 確保一定要調用 next()
  }
})

index.js

 ,meta: { requiresAuth: true }, // 添加表示需要驗證

後言

完事