Vue前端鉴权拦截

在main.js中，使用router.beforeEach()可进行访问鉴权拦截，利用sessionStorage存在属性验证：

router.beforeEach((to, from, next) => {
  if (to.meta.requireAuth) {
    if (sessionStorage.getItem("username")) {
      next();
    } else {
      next({
        path: '/login',
        query: {redirect: to.fullPath}
      })
    }
  } else {
    next();
  }
})

在Login.uve中，当验证通过，可以设置属性：

sessionStorage.setItem("username", this.form.user)