当前位置: 首页 > news >正文

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()
}))

相关文章:

  • vue实现简单的记住密码功能
  • element设置表格el-table表头的颜色
  • vue+django跨域问题的学习
  • django清空数据库
  • 将json字符串转换成json对象
  • 小程序节流,防止多次点击
  • django models进行倒序
  • 微信小程序的动态显示字体颜色
  • django在原models新增字段
  • querySet如何转换成json
  • promise和Async/Await的学习
  • github学习
  • CSS渐变学习
  • css实现动态箭头
  • 解决apache服务器端window调用officeword组件时出现DCOM权限的问题
  • [译] 怎样写一个基础的编译器
  • MySQL Access denied for user 'root'@'localhost' 解决方法
  • php ci框架整合银盛支付
  • Python连接Oracle
  • Redis字符串类型内部编码剖析
  • Three.js 再探 - 写一个跳一跳极简版游戏
  • TiDB 源码阅读系列文章(十)Chunk 和执行框架简介
  • Vue组件定义
  • 从输入URL到页面加载发生了什么
  • 反思总结然后整装待发
  • 分布式熔断降级平台aegis
  • 经典排序算法及其 Java 实现
  • 每个JavaScript开发人员应阅读的书【1】 - JavaScript: The Good Parts
  • 区块链分支循环
  • 学习笔记:对象,原型和继承(1)
  • 移动互联网+智能运营体系搭建=你家有金矿啊!
  • 在 Chrome DevTools 中调试 JavaScript 入门
  • 树莓派用上kodexplorer也能玩成私有网盘
  • ​渐进式Web应用PWA的未来
  • #NOIP 2014#Day.2 T3 解方程
  • (笔试题)合法字符串
  • (补)B+树一些思想
  • (删)Java线程同步实现一:synchronzied和wait()/notify()
  • (转)Linq学习笔记
  • (转)负载均衡,回话保持,cookie
  • (转)视频码率,帧率和分辨率的联系与区别
  • .NET Conf 2023 回顾 – 庆祝社区、创新和 .NET 8 的发布
  • .net framework4与其client profile版本的区别
  • .Net Web项目创建比较不错的参考文章
  • .net 获取url的方法
  • .net 微服务 服务保护 自动重试 Polly
  • /etc/skel 目录作用
  • @Import注解详解
  • @Transaction注解失效的几种场景(附有示例代码)
  • @value 静态变量_Python彻底搞懂:变量、对象、赋值、引用、拷贝
  • [2017][note]基于空间交叉相位调制的两个连续波在few layer铋Bi中的全光switch——
  • [datastore@cyberfear.com].Elbie、[thekeyishere@cock.li].Elbie勒索病毒数据怎么处理|数据解密恢复
  • [iOS]如何删除工程里面用cocoapods导入的第三方库
  • [LeetCode] Sort List
  • [Mac软件]Boxy SVG 4.20.0 矢量图形编辑器