1. Introducton

• cookies和localStrorang的作用一样的，都是用来将数据存储在本地，并且可以设置存储时间；

• cookies的信息会保存在Http请求中，在Web服务器和浏览器之间来回传递；

• cookies的数据保存在用户本地中；

2. Install

npm install js-cookie

3. Import

import Cookies from 'js-cookie'

import Cookies from 'js-cookie'
const TokenKey = 'x-access-token'; // 将名称进行了赋值-为了美观
var inFifteenMinutes = new Date(new Date().getTime() + 1200 * 60 * 1000); //设置过期时间
 
// 获取
export function getToken() {
  // console.log('cookies:',Cookies.get('x-access-token'))
    return Cookies.get(TokenKey)
}
 
// 存储
export function setToken(token) {
    // 对应的是（名称，数据，存储时间）
    return Cookies.set(TokenKey, token, { expires: inFifteenMinutes })
}
 
// 删除
export function removeToken() {
    return Cookies.remove(TokenKey) // 根据存储的名称进行删除
}