news 2026/5/8 17:28:31

js-cookie

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
js-cookie

一、是什么

js-cookienpm包是一个轻量级简洁的JavaScript 库,用于处理cookies

二、怎么用

import Cookies from 'js-cookie' const tokenStr = 'token' export function setToken(token) { return Cookies.set(tokenStr, 'xxx', { expires: 1, // 过期时间 path: '/', // 路径。默认就是 /,一般不用修改,表示整个网站所有页面都能访问这个 Cookie domain: '.xxx.com',// 域名。让子域名共享 Cookie secure: true, // 仅在 HTTPS 下传输 sameSite: 'strict' // 跨域安全策略 }); } export function getToken() { return Cookies.get(tokenStr) } export function removeToken() { return Cookies.remove(tokenStr) }

三、注意事项

1、js-cookie 里设置的 Token(通过 Cookies.set('token', 'xxx')),是存在浏览器的 Cookie不是localStorage不是sessionStorage也不是内存

2、expires 不传值,则是会话级 Cookie(关闭浏览器就会消失);也可以传日期对象expires:new Date(2026, 5, 30)

3、secure生产环境(https)必须开本地开发(localhost)不要开,否则存不了,取不到

4、sameSite 控制跨域请求时是否携带 Cookie,用来防 CSRF 攻击。有三个值可选:

① sameSite: 'strict' (最严格)

  • 只有同域名才带 Cookie

  • 最安全,但跳转第三方登录后会失效

② sameSite: 'lax'(较均衡)

  • 安全 + 实用平衡

  • 链接跳转、GET 请求可以带 Cookie

  • 绝大多数项目用这个

③ sameSite: 'none'

  • 允许跨域携带 Cookie

  • 必须搭配 secure: true

  • 用于:前后端分离( secure: true )、跨域接口、第三方登录、微前端

5、path 默认写 / ,表示整个项目的页面都能访问这个 Cookie

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/5/8 17:27:48

UniApp开发者必读:掌握下拉选择器搜索与重置的终极实现攻略

想让你的UniApp应用更上一层楼?本教程将提供详尽的步骤和代码示例,指导你如何在UniApp中从零开始构建一个功能强大的Select插件,集成搜索和重置功能。即学即用,立即提升你的开发技能和项目质量!在UniApp中,…

作者头像 李华
网站建设 2026/5/8 17:27:34

实战:针对幼犬/老犬鼻纹变化的动态特征提取模型优化

当生物特征会“成长”与“衰老”,如何让AI模型具备“时间感知”能力,实现全生命周期精准识别?一、 核心痛点:当“终身唯一”遭遇“动态变化”宠物鼻纹识别技术的核心优势在于其“终身唯一性”。然而,在实际落地应用中&…

作者头像 李华
网站建设 2026/5/8 17:26:34

对比自行维护 API 与使用 Taotoken 聚合在稳定性上的体验差异

🚀 告别海外账号与网络限制!稳定直连全球优质大模型,限时半价接入中。 👉 点击领取海量免费额度 对比自行维护 API 与使用 Taotoken 聚合在稳定性上的体验差异 在构建基于大模型的应用时,开发者通常面临一个选择&…

作者头像 李华
网站建设 2026/5/8 17:26:15

嵌入式 C 的单例模式:把“全局唯一”写得更稳

在嵌入式项目里,有些东西天生就只能有一个:看门狗、RTC、系统时钟、调试串口、日志器、系统配置管理器、CRC 模块……这些模块如果随手用全局变量堆起来,早晚会遇到初始化顺序混乱、到处可写难排查、ISR/任务并发冲撞等问题。单例模式的目标很…

作者头像 李华
网站建设 2026/5/8 17:25:40

SQL约束

数据库基础:SQL 约束 约束(Constraint)是数据库表设计的核心规则,用于强制保证数据的完整性、准确性和一致性,防止脏数据(错误、冗余、矛盾的数据)进入数据库。本文详细讲解 MySQL 中五大核心约…

作者头像 李华