vue中 localStorage的使用方法(详解)
2024-09-01 00:26:46
vue中实现本地储存的方法:localStorage,在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。
(1).储存数据
localStorage.setItem('accessToken', 'Bearer ' + response.data.result.accessToken)
(2).取出数据
localStorage.getItem('accessToken')
(3).删除储存数据
localStorage.removeItem('accessToken')
(4).更改数据
localStorage.setItem('accessToken', '更改后' + response.data.result.accessToken)
使用时有两点需要注意过的地方:
. localStorage在浏览器的隐私模式下面是不可读取的。
. localStorage本质上是对字符串的读取,有json格式时需要JSON.stringify()转化为字符串。
. localStorage不能被爬虫抓取到
最新文章
- 【NLP】基于自然语言处理角度谈谈CRF(二)
- 【Java EE 学习 54】【OA项目第一天】【SSH事务管理不能回滚问题解决】【struts2流程回顾】
- java中使用MD5加密技术
- CentOS系统下Hadoop 2.4.1集群安装配置(简易版)
- linux下gcc默认搜索头文件及库文件的路径
- win7开机密码忘记了
- CentOS 7安装配置Apache HTTP Server
- vue-router 进阶
- Java并发编程73道面试题及答案
- django-用户验证系统
- 详说 Block Formatting Contexts (块级格式化上下文)
- Jersey 2.x 从Maven Archetype 创建一个新项目
- K.O. -------- Eclipse中Maven的报错处理
- 用java数组模拟购物商城功能与实现
- (一)Hyperledger Fabric 1.1安装部署-基础环境搭建
- How to set up OpenERP for various timezone kindly follow the following steps to select timezone in OpenERP
- 数据与任务的并行---Parallel类
- Mybatis笔记四:nested exception is org.apache.ibatis.reflection.ReflectionException: There is no getter for property named 'id' in 'class java.lang.String'
- TCP/IP——何时用UDP代替TCP
- 【总结】两种 NIO 实现:Selector 与 Epoll
热门文章
- 【笔记】《CNCF × Alibaba云原生技术公开课》知识点
- Spring Boot开发Web应用之JSP篇
- python3速查参考- python基础 2 ->; if语句应用 + while循环应用
- 安装vsftpd
- 前端H5中JS用FileReader对象读取blob对象二进制数据,文件传输
- [转帖]方正数码发布基于龙芯3A3000系列整机
- 【转帖】linux sort,uniq,cut,wc,tr,xargs命令详解
- 【Python】【demo实验10】【练习实例】【打印斐波那契数列】
- Java MyBatis逆向工程,自动生成pojo,mapper
- linux下vi编辑器常用命令