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}


目录
相关文章
|
3月前
|
存储 缓存 JSON
vue2知识点:浏览器本地缓存
vue2知识点:浏览器本地缓存
55 2
|
5月前
|
存储 JavaScript 程序员
Vue学习之---浏览器本地存储(8/17)
这篇文章介绍了Vue中浏览器本地存储的使用方法,包括基础知识、localStorage和sessionStorage的代码实例及其测试效果,并提供了相关的API和操作示例。
Vue学习之---浏览器本地存储(8/17)
|
5月前
|
前端开发 JavaScript API
如何在React中删除组件
【8月更文挑战第17天】如何在React中删除组件
100 1
|
前端开发
React返回上个页面
React返回上个页面
138 0
|
前端开发 JavaScript
React如何实现状态自动保存(vue中的keep-alive)
React如何实现状态自动保存(vue中的keep-alive)
|
8月前
|
JavaScript
Vue中如何对DOM元素进行访问和操作?
Vue中如何对DOM元素进行访问和操作?
196 2
|
JavaScript
vue 借用element-ui实现头像上传 axios发送请求
vue 借用element-ui实现头像上传 axios发送请求
|
JavaScript 前端开发 应用服务中间件
vue或react上传服务器跳转刷新404
vue或react上传服务器跳转刷新404
115 0
|
JavaScript 数据安全/隐私保护
Vue 3 axios配置以及cookie的使用方法
Vue 3 axios配置以及cookie的使用方法
830 0
|
存储 JSON 自然语言处理
Vue Cookie的使用
Vue Cookie的使用
Vue Cookie的使用