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}


目录
相关文章
VUE3(十五)关于cookie使用的几个函数
下边是我简单封装的几个cookie方法:Utils.ts 、调用。
511 0
VUE3(十五)关于cookie使用的几个函数
|
3月前
|
前端开发 JavaScript API
如何在React中删除组件
【8月更文挑战第17天】如何在React中删除组件
70 1
|
4月前
|
JavaScript
【vue3】vue3中路由hash与History的设置
【vue3】vue3中路由hash与History的设置
220 0
|
6月前
|
存储 JavaScript
使用示例代码解释一下如何在Vue中使用LocalStorage或SessionStorage。
使用示例代码解释一下如何在Vue中使用LocalStorage或SessionStorage。
71 3
|
前端开发
React返回上个页面
React返回上个页面
129 0
|
前端开发 JavaScript
React如何实现状态自动保存(vue中的keep-alive)
React如何实现状态自动保存(vue中的keep-alive)
|
6月前
|
存储 JSON JavaScript
在Vue 3中使用useStorage轻松实现localStorage功能
VueUse是基于Vue3的Composition API的实用函数的集合,useStorage是其中的一个函数。我们可以使用useStorage来实现我们的localStorage功能。
|
JSON 前端开发 JavaScript
在 React 中获取数据的6种方法
在 React 中获取数据的6种方法
321 0
|
JavaScript 前端开发 应用服务中间件
vue或react上传服务器跳转刷新404
vue或react上传服务器跳转刷新404
103 0
|
JavaScript 数据安全/隐私保护
Vue 3 axios配置以及cookie的使用方法
Vue 3 axios配置以及cookie的使用方法
800 0