在前端开发中,经常需要对浏览器中的 cookie 进行获取、设置等操作。而使用 document.cookie
进行操作比较繁琐,因此可以使用第三方库来简化操作。其中一款较为常用的 npm 包是 cookies-util
,它提供了一系列方法来方便地操作 cookie。
安装
通过 npm 可以轻松安装该包:
npm install cookies-util --save
安装完成后,在需要使用的文件中引入:
const Cookies = require('cookies-util');
使用方法
设置 cookie
设置 cookie 可以通过 set
方法,例如:
Cookies.set('name', 'Frank');
上述代码将会在当前域名下设置名为 name
,值为 Frank
的 cookie。
你也可以设置多个参数,例如可以设置 cookie 的过期时间、作用域等信息:
Cookies.set('name', 'Frank', { path: '/', expires: 60 * 60 * 24 * 7, // 过期时间为 7 天 domain: '.example.com', // 设置作用域为 example.com 及其子域名 secure: true, // 只有在 https 协议下才会发送该 cookie sameSite: 'none' // 在跨域请求时也会发送 cookie,需要浏览器支持 SameSite 属性 });
获取 cookie
获取 cookie 可以通过 get
方法,例如:
const name = Cookies.get('name'); console.log(name); // 输出 'Frank'
删除 cookie
删除 cookie 可以通过 remove
方法,例如:
Cookies.remove('name');
示例代码
-- -------------------- ---- ------- ----- ------- - ------------------------ ------------------- -------- - ----- ---- -------- -- - -- - -- - -- ------- --------------- ------- ----- --------- ------ --- ----- ---- - -------------------- ------------------ -- -- ------- -----------------------
总结
cookies-util
是一个方便好用的 npm 包,可以大大简化 cookie 维护的代码。使用该包,我们可以轻松地设置、获取、删除 cookie,并且可以对 cookie 进行更详细的设置。希望该文章对于读者们有帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60055cb681e8991b448da387