vue项目登陆设置cookie、获取cookie 、删除 cookie

1.定义方法到存储全局变量 的 global.js 文件中
设置 domain 值 const domain= ’ 域名 ‘; 设置该cookie只对 改域名生效

//设置cookie,增加到vue实例方便全局调用

 function setCookie(c_name, value, expiredays) {
  var exdate = new Date();
  exdate.setDate(exdate.getDate() + expiredays);
  let path='/';
 // document.cookie = c_name + "=" +  encodeURIComponent(value)+';expires' +exdate.toGMTString()+';path='+path+';domain='+domain;  设置成功后不在登陆
 document.cookie = c_name + "=" +  encodeURIComponent(value)+';expires' + exdate.toGMTString()+';path='+path;
};

//获取cookie、

 function **getCookie**(cname) {
   var name = cname + "=";
   var ca = document.cookie.split(';');
   for (var i = 0; i < ca.length; i++) {
     var c = ca[i];
     while (c.charAt(0) == ' ') c = c.substring(1);
     if (c.indexOf(name) != -1) return c.substring(name.length, c.length);
   }
   return "";
}

//删除cookie

 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();
};

将 global.js 文件导出

2.将global文件 在main.js文件中引入 并注入到 vue实例上

import global from './global'
Vue.prototype.$global=global;   //全局变量

3.调用方式 ‘SYB_TX[dl_quanxian]’ 为cookie**存储名**

 _this.global.setCookie('SYB_TX[dl_quanxian]', CookieData.dl_quanxian);
  _this.global.getCookie('SYB_TX[dl_quanxian]')； 
  _this.global. delCookie('SYB_TX[dl_quanxian]') 

如果对您有帮助请关注 查看更多