常用的 js-cookie 安装、引用、设置、获取、删除、自定义时长、最大时长

安装、引用

// 安装
npm install js-cookie
// 引用
import Cookies from "js-cookie";
// 全局
Vue.prototype.$$cookies = Cookies

设置、获取、删除

// 设置
// value 为设置内容，限制于字符串，如果对象类型，需要进行 JSON 转换
// expires 时长，单位天
// path 可访问路径，不设置所有URL界面都能访问
Cookies.set('key', 'value', { expires: 17, path: ''  });

// 获取
// key 不设置时，获取所有已设置的所有
Cookies.get('key'); // 获取指定key 对应的value

// 删除
// path 删除存了指定页面path的cookie
Cookies.remove('name', { path: '/userInfo' });

设置自定义、最大时长

永久 cookie 我们用了 >Fri, 31 Dec 9999 23:59:59 GMT< 作为过期日。
如果你不想使用这个日期
可使用世界末日: >Tue, 19 Jan 2038 03:14:07 GMT< 
它是 32 位带符号整数能表示从 1 January 1970 00:00:00 UTC 开始的最大秒长
 (即01111111111111111111111111111111, 是 new Date(0x7fffffff * 1e3)).

// 30秒后过期
let seconds = 30;
let expires2 = new Date(new Date() * 1 + seconds * 1000);
cookies.set(key , val , { expires: expires2 });
// 15分钟
let expires = new Date(new Date().getTime() + 15 * 60 * 1000);
Cookies.set(key , val , { expires});

// 最长时长
cookies.set(nameTGC + '2', masTGC, { expires: new Date(0x7fffffff * 1e3) });
// 原生设置
let times= 'Fri, 31 Dec 9999 23:59:59 GMT'
let times2= 'Tue, 19 Jan 2038 03:14:07 GMT'
document.cookie = key + '=' + val + '; expires=' + times;

最后

以上就是知性鼠标为你收集整理的常用的 js-cookie 安装、引用、设置、获取、删除、自定义时长、最大时长的全部内容，希望文章能够帮你解决常用的 js-cookie 安装、引用、设置、获取、删除、自定义时长、最大时长所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。