Vue学习：存入会话缓存

sessionStorage

①存数据：

window.sessionStorage.setItem('token','success')

token :键值
success:值
需要存入对象时：
var obj = {“a”: 1,“b”: 2};
obj = JSON.stringify(obj); //转化为JSON字符串
sessionStorageStorage.setItem(“token”, obj);//返回{“a”:1,“b”:2}
localStorage.setItem是一样的

②取数据

window.sessionStorage.getItem("token")

将存储的json字符串转换成json对象
let obj=JSON.parse(localStorage.getItem(“token”));

③清除

window.sessionStorage.clear()

路由导航守卫

防止没有登录状态直接访问其他页面

// 挂载路由守卫
router.beforeEach(((to, from, next) => {
    //to 将要访问的路径
    //from 来自哪个路径
    //next是一个函数
    //next() 放行  next('/login') 强制跳转
    if (to.path === '/login') return next()
    const token = window.sessionStorage.getItem("token")
    if(!token) return next('/login')
    next()
}))