前端三种浏览器本地缓存

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’）；//=>‘值’