token在刷新页面时就消失了。就好像程序中的变量一样,程序重新运行,变量会恢复
持久化可以让页面刷新时,数据还在
—保存token
localStorage.setItem(‘key’,JSON.stringify(token信息))
注:token信息是对象,而localStorage.setItem()方法只能传入字符串格式,所以需要把对象转换成字符串格式
用JSON.stringify()方法
localStorage.getItem(key):获取指定key本地存储的值
localStorage.setItem(key,value):将value存储到key字段
—获取token
JSON.parse(localStorage.getItem(‘key’))
注: 获取到的token是字符串格式,需要用JSON.parse()方法转换成对象
—删除token
localStorage.removeItem(‘key’)
代码演示: