Cookie、LocalStorage、sessionStorage 区别

一.   Webstorage本地存储

   1.  webstorage包括localstorage 和 sessionstorage

   2. localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信
   3. sessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。源生接口可以接受，亦可再次封
   4. localStorage和 sessionStorage方法都具有相同方法

       localStorage和sessionStorage方法都有setItem、getItem、removeItem、clear方法　

 

setItem 存储value　

sessionStorage.setItem("key", "value");     localStorage.setItem("site", "js8.in");

getItem获取value

var value = sessionStorage.getItem("key");     var site = localStorage.getItem("site");

removeItem删除key

sessionStorage.removeItem("key");     localStorage.removeItem("site");

 

clear清除所有的key/value

sessionStorage.clear();     localStorage.clear();

 

特性	Cookie	localStorage	sessionStorage
生命周期	可自己设置，默认到浏览器关闭	除非自行删除或清除，否则永久存在	当前页面或浏览器关闭
大小	4kb， 浏览器允许cookie数量 20	5MB	5MB
与服务器通信	http头中	仅在客户端	不与服务器通信

　　　

 

你们的token一般存放在哪里？

Token 其实就是访问资源的凭证。

一般用户通过用户名和密码登录成功后，服务器将登录凭证做数字签名，加密之后得到的字符串作为token。

 

客户端主要存储方式：

1. 存储在localstorage中，每次调用接口的时候都把它当成一个字段传给后台

2. 存储再cookie中，让它自动发送，不过缺点就是不能跨域

3. 拿到存储localStorage中，每次调用接口放在http请求头的Authorization 字段里