vue页面登录守卫

最新推荐文章于 2024-09-16 09:38:47 发布

原创最新推荐文章于 2024-09-16 09:38:47 发布 · 275 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何使用JavaScript在Vue.js应用中实现基于session的登录状态路由跳转，确保未登录用户只能访问登录、注册页面，已登录用户则正常流转。通过检查本地存储的登录信息来决定用户的导航行为。

举例：

router.beforeEach((to,from,next)=>{
  var itemx=sessionStorage.getItem("data") // 登录的时候进行一次本地存储，以有无此存储内容进行判断

// '/deng'  代表为登录界面
// '/zhu'   代表为注册页面
// '/'      代表为登录页面
// to.path  代表为所进行前往的页面路径 （可在控制台里面打印出）

  if(itemx == null || itemx==""){
    if(to.path == '/deng'  || to.path == '/zhu' || to.path == '/'){
      next()
    }else{
      next('/');
    }
  }else{
    next()
  }
  })