VUE根据token，路由判断用户登录状态并跳转登录页

router.beforeEach((to, from, next) => {var token = library.getData("userName");//如果没登录,都导向登录页if (!token) {if (to.path !== '/Login') {next({ path: '/Login' })}else {...

前端杨小白

2817人浏览 · 2020-04-23 13:33:46

前端杨小白 · 2020-04-23 13:33:46 发布

router.beforeEach((to, from, next) => {
  var token = library.getData("userName");
  //如果没登录,都导向登录页
  if (!token) {
    if (to.path !== '/Login') {
      next({ path: '/Login' })
    }
    else {
      next();
    }
  }
  else {
    next();
  }
})
/**
 * 跳转登陆页面强制刷新，相当于F5
 */
router.afterEach((to,from)=>{
  if(from.path != '/Login' && from.path != '/' && to.path == '/Login'){
      window.location.reload();
  }
})

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^