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}


目录
相关文章
|
JavaScript 前端开发 数据安全/隐私保护
React-router-dom实现全局路由登陆拦截
React-router-dom实现全局路由登陆拦截
VUE3(十五)关于cookie使用的几个函数
下边是我简单封装的几个cookie方法:Utils.ts 、调用。
457 0
VUE3(十五)关于cookie使用的几个函数
|
2月前
|
移动开发 JavaScript 前端开发
vue/react项目刷新页面出现404的原因以及解决办法
vue/react项目刷新页面出现404的原因以及解决办法
340 0
|
11月前
|
前端开发
React返回上个页面
React返回上个页面
85 0
|
11月前
|
前端开发 JavaScript
React如何实现状态自动保存(vue中的keep-alive)
React如何实现状态自动保存(vue中的keep-alive)
|
2月前
|
存储 JSON JavaScript
在Vue 3中使用useStorage轻松实现localStorage功能
VueUse是基于Vue3的Composition API的实用函数的集合,useStorage是其中的一个函数。我们可以使用useStorage来实现我们的localStorage功能。
|
9月前
|
前端开发 API 网络架构
React-Router-URL参数
React-Router-URL参数
31 0
react-router-dom v6鉴权
react-router-dom v6鉴权
|
JSON 前端开发 数据处理
#yyds干货盘点 【React工作记录四】React中如何跳转页面传参localStorage和sessionStorage(参数较长)
#yyds干货盘点 【React工作记录四】React中如何跳转页面传参localStorage和sessionStorage(参数较长)
71 0
|
存储 JSON 自然语言处理
Vue Cookie的使用
Vue Cookie的使用
Vue Cookie的使用