vue.js 中cookie的封装

最新推荐文章于 2025-02-22 18:30:00 发布

转载最新推荐文章于 2025-02-22 18:30:00 发布 · 1.2k 阅读

文章标签：

#vue-js

vue.js 专栏收录该内容

5 篇文章

订阅专栏

本文提供了一组用于操作浏览器Cookie的Vue实用函数，包括获取、设置和删除Cookie的功能。这些函数采用简洁的设计，便于在Vue项目中进行全局调用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//获取cookie、
export function getCookie(name) {
 var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
 if (arr = document.cookie.match(reg))
  return (arr[2]);
 else
  return null;
}

//设置cookie,增加到vue实例方便全局调用
export function setCookie (c_name, value, expiredays) {
 var exdate = new Date();
 exdate.setDate(exdate.getDate() + expiredays);
 document.cookie = c_name + "=" + escape(value) + ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString());
};

//删除cookie
export function delCookie (name) {
 var exp = new Date();
 exp.setTime(exp.getTime() - 1);
 var cval = getCookie(name);
 if (cval != null)
  document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
};

引入：

import {getCookie,setCookie,delCookie} from "../../api/cookie.js";