cookie,、localStorage 、sessionStorage
cookie
cookie 也是前端存储的一种,但相比于 localStorage 等其他方式,借助 HTTP 头、浏览器能力,cookie 可以做到前端无感知。
一般过程是这样的:
- 在提供标记的接口,通过 HTTP 返回头的 Set-Cookie 字段,直接「种」到浏览器上
- 浏览器发起请求时,会自动把 cookie 通过 HTTP 请求头的 Cookie 字段,带给接口
NPM 安装
npm install js-cookie --save
引入
import Cookies from ‘js-cookie’
设置cookie,创建一个cookie,在整个站点有效:
cookies.set(‘name’,‘value’)
或
创建一个过期的cookie,该cookie对当前页的路径有效:
cookies.set(‘name’,‘value’,{expires:7,path:'})
获取cookie:
cookies.get(‘name’);//=>‘值’