cookie的基本使用

cookie的使用

1. js-cookie是一个轻量级的处理cookie的jsAPI，用来处理cookie的相关插件

2. 下载插件

   npm install --save js-cookie
   

3. 引入cookie插件

   import cookie from 'js-cookie'
   

4. cookie的使用和localStorage的使用方法一样

   // 引入封装了cookies的js插件
   import Cookies from 'js-cookie'
   
   const TokenKey = 'hr-token'
   // 获取token
   export function getToken() {
     return Cookies.get(TokenKey)
   }
   // 保存token
   export function setToken(token) {
     return Cookies.set(TokenKey, token)
   }
   // 删除token
   export function removeToken() {
     return Cookies.remove(TokenKey)
   }
   

cookie和localStoreage的区别

1. 语法不一样
   1. 原生js中操作cookie是非常不方便的，只能通过document.cookie操作
   2. localStorelage的操作非常方便
2. 生命周期不一样
   1. localStoreage的生命周期是永久（在用户不删除缓存的情况下）
   2. cookie是可以设置声明周期的（设置过期的时间）
3. 存放的容量不一样
   1. localStoreage的容量是5M
   2. cookie的容量是4KB
      久（在用户不删除缓存的情况下）
   3. cookie是可以设置声明周期的（设置过期的时间）
4. 存放的容量不一样
   1. localStoreage的容量是5M
   2. cookie的容量是4KB
5. 当前端发起请求的时候localStoreage的数据不会自动传递给后端，而cookie会自动跟随请求传递给后端