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 }, // 添加表示需要验证

后言

完事