在前端开发中,经常需要使用到 cookie 来存储一些数据,例如用户登录信息、用户配置等。而使用 cookie.min.js 这个 npm 包,可以非常方便地操作 cookie,本文将详细介绍 cookie.min.js 的使用方法。
安装
使用 npm 或 yarn 安装 cookie.min.js:
npm install cookie.min.js
或者
yarn add cookie.min.js
使用
在需要使用 cookie 的地方,引入 cookie.min.js:
const cookie = require('cookie.min.js');
API
使用 cookie.min.js,有以下几种 API:
1. set(name, value, options)
设置一个 cookie。
name
:cookie 名称,必填。value
:cookie 值,必填。options
:可选的配置,包括以下属性:expires
:cookie 过期的时间,可以是数值、日期对象或字符串。如果是数值,表示过期的秒数;如果是日期对象,则表示过期的时间;如果是字符串,则表示过期时间的字符串格式。例如1d
表示一天后过期,7d
表示一周后过期。domain
:cookie 的域名,默认为当前域名。path
:cookie 的路径,默认为根路径/
。secure
:是否只在 HTTPS 连接下才发送,默认为false
。httpOnly
:浏览器是否可以通过 JavaScript 访问 cookie,默认为true
。
示例:
cookie.set('username', 'amy', { expires: '1d', path: '/' });
2. get(name)
获取指定名称的 cookie。
name
:cookie 名称,必填。
示例:
cookie.get('username'); // 'amy'
3. remove(name, options)
删除指定名称的 cookie。
name
:cookie 名称,必填。options
:可选的配置,同set
方法的options
。
示例:
cookie.remove('username');
示例
一个简单的示例,设置一个名为 userId
的 cookie:
const cookie = require('cookie.min.js'); cookie.set('userId', '123456', { expires: '1d', path: '/' }); console.log(cookie.get('userId')); // '123456' cookie.remove('userId');
总结
使用 cookie.min.js,可以方便地在前端操作 cookie。但是需要注意的是,cookie 中存储的数据一般都比较敏感,需要加密处理,在设置 cookie 时要注意安全性。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066bc1967216659e2441ea