react 添加、删除 cookie

简介: react 添加、删除 cookie

亲测,工具类

cookie.ts

// 设置 cookie
function setCookie(name: string, value: string, days: number) {
  const expires = new Date();
  expires.setTime(expires.getTime() + days * 24 * 60 * 60 * 1000);
  document.cookie = `${name}=${value};expires=${expires.toUTCString()};path=/`;
}

// 获取 cookie
function getCookie(name: string) {
  const matches = document.cookie.match(
    new RegExp(
      `(?:^|; )${name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, "\\$1")}=([^;]*)`
    )
  );
  return matches ? decodeURIComponent(matches[1]) : undefined;
}

// 删除 cookie
function deleteCookie(name: string) {
  setCookie(name, "", -1);
}
export {setCookie,getCookie,deleteCookie}


目录
相关文章
|
iOS开发 开发者
iOS 上架报错:无法添加以供审核
iOS 上架报错:无法添加以供审核
|
Web App开发
Python+selenium 技术篇-浏览器后台运行
Python+selenium 技术篇-浏览器后台运行
908 0
|
存储 JSON 安全
从入门到精通:Python中的OAuth与JWT,打造无懈可击的认证体系🔒
【8月更文挑战第4天】构建现代Web和移动应用时,用户认证与授权至关重要。Python集成OAuth和JWT技术,能轻松实现安全认证。本文从OAuth基础入手,介绍如何使用`requests-oauthlib`库简化流程,再到JWT进阶应用,利用`PyJWT`库生成及验证令牌。最后,探讨如何结合两者,创建无缝认证体验。通过代码示例,由浅入深地引导读者掌握构建坚固应用认证体系的方法。
330 2
|
缓存 前端开发 JavaScript
React中怎么实现状态自动保存(KeepAlive)?
React中怎么实现状态自动保存(KeepAlive)?
517 0
|
运维 Java 应用服务中间件
使用IntelliJ IDEA部署应用到Windows服务器
Cloud Toolkit支持将应用部署到采用SSH标准协议的服务器,您无需在一系列运维工具之间切换,只需在图形界面上选择目标服务器即可快速部署。本文为您介绍在IntelliJ IDEA中使用Cloud Toolkit部署本地应用到Windows服务器,您可选择OpenSSH Server或freeSSHd进行部署配置。
4814 110
使用IntelliJ IDEA部署应用到Windows服务器
|
存储 JSON 安全
实战指南:Python中OAuth与JWT的完美结合,构建安全认证防线
【8月更文挑战第6天】互联网应用安全性至关重要,尤其在处理用户数据和个人隐私时。OAuth 和 JWT 作为两种主流认证机制,各有优势。本文探讨如何在 Python 中结合这两者构建安全可靠的认证系统。OAuth 是一种授权协议,允许第三方应用获取有限访问权限而不需知道用户密码;JWT 是一种轻量级的数据交换格式,用于安全传输信息。结合使用,可在保证安全性的同时简化认证流程。通过示例展示了基于 Flask 的 OAuth 服务端点和 JWT 认证系统,以及如何根据场景选择合适的认证方案,构建高效且安全的认证体系。
309 2
|
SQL 开发框架 数据库
在Python中使用sqlalchemy来操作数据库的几个小总结
在Python中使用sqlalchemy来操作数据库的几个小总结
|
安全 网络协议
SIP 协议的主要功能
【8月更文挑战第24天】
598 0
|
NoSQL API 数据库
基于Gin封装Web框架 - 10. 使用 context 上下文完成依赖注入
基于Gin封装Web框架 - 10. 使用 context 上下文完成依赖注入
1468 0
基于Gin封装Web框架 - 10. 使用 context 上下文完成依赖注入
|
存储 JavaScript 前端开发
Node 中的 AsyncLocalStorage 的前世今生和未来(一)
作者系统详实的介绍了什么是AsyncLocalStorage、如何使用、Node 是如何实现的 AsyncHook等。不论你是0基础还是对此API有些了解的读者都比较适合阅读此文。(文末有活动)