js-cookie轻量级的处理cookies的js

安装方式 引入 js-cookie.js

• 以下几种都可以用：

1.直接饮用cdn：<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"/> 
2.本地下载下来后：<script src="/path/to/js.cookie.js"></script>
3.模块化开发时: import Cookies from 'js-cookie'

使用 js-cookie

// 下载cookie
npm install js-cookie
// 当前页面引用cookie
import Cookies from "js-cookie";

cookie设置过期时间

Cookies.set('key', 'value');  //创建简单的cookie
Cookies.set('key', 'value', { expires: 27 });//创建有效期为27天的cookie
Cookies.set('key', 'value', { expires: 7, path: ''  }); //可以通过配置path,为当前页创建有效期7天的cookie
//2、取cookie
Cookies.get('key'); // 获取指定key 对应的value
Cookies.get(); //获取所有value
//3、删除cookie
Cookies.remove('key');//删除普通的cookie
Cookies.remove('name', { path: '' }); // 删除存了指定页面path的cookie

• 官方文档只要设置天数，没有时分秒，这样我们想设置更小单位的时候无法下手，
• 其实也可以设置时间戳来处理时间的，下面这种方式可以设置任意单位的有效期：

let seconds = 10;
let expires = new Date(new Date() * 1 + seconds * 1000);
Cookies.set('username', 'tanggaowei', { expires: expires }); // 10 秒后失效

js-cookie的封装

import Cookies from "js-cookie";
const TokenKey = "Admin-Token";
/*
* 设置Cookies
* */
export function setToken(token) {
  return Cookies.set(TokenKey, token);
}
/*
* 获取Cookies
* */
export function getToken() {
  return Cookies.get(TokenKey);
}
/*
* 移除Cookies
* */
export function removeToken() {
  Cookies.remove(TokenKey);
}