vue登录路由验证的实现方法

sessionStorage 是HTML5新增的一个会话存储对象，用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。本篇主要介绍 sessionStorage(会话存储)的使用方式。包括添加、修改、删除等操作。

 

sessionStorage.setItem('accessToken', 写入登录成功返回的登录令牌或者自定义的判断字符串) }

 

在登录时，设置sessionStorage的accessToken值，在路由守卫的函数中判断sessionStorage的accessToken值是否符合要求，从而决定跳转到哪个路由

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

     let islogin = sessionStorage.getItem('accessToken')

     if (islogin) {

        next()

     } else {

       if (to.path !== '/' && to.path !== '/login') {

       next({path: '/'})

     } else {

       next()

     }

   }

})