Vue怎么设置、删除和获取cookie

这篇文章主要介绍了Vue怎么设置、删除和获取cookie的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇Vue怎么设置、删除和获取cookie文章都会有所收获，下面我们一起来看看吧。

Vue设置cookie、删除cookie、获取cookie

在main.js中如下设置

设置cookie

Vue.prototype.Setcookie = function (name,value) {  //设置名称为name,值为value的Cookie  var expdate = new Date();   //初始化时间  expdate.setTime(expdate.getTime() + 30 * 60 * 1000);   //时间单位毫秒  document.cookie = name + "=" + escape(value) + ";expires=" + expdate.toGMTString() + ";path=/";  //即document.cookie= name+"="+value+";path=/";  时间默认为当前会话可以不要，但路径要填写，因为JS的默认路径是当前页，如果不填，此cookie只在当前页面生效！}

获取cookie

Vue.prototype.getcookie = function (a){  // console.log(a)  var d;  var b = document.cookie;  // console.log(b)  var c = b.split(";");  for (let e = 0; e < c.length; e++) {    var f = c[e].split("=");    if (a == f[0].toString().trim()) {      d = f[1];      break;    }  } if (void 0 == d || null == d) {    return "";  }  else {    var g = unescape(d.trim());    return g;  }}

删除cookie

Vue.prototype.delCookie= function (a){      var b = new Date(0).toGMTString();      document.cookie = a + "=;expires=" + b + ";path=/";    },

Vue允许跨域携带cookie

import axios from 'axios'axios.defaults.withCredentials = true;// 允许跨域携带cookie

或者在请求拦截器中添加

config.headers['Access-Control-Allow-Credentials']=true

关于“Vue怎么设置、删除和获取cookie”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“Vue怎么设置、删除和获取cookie”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注编程网行业资讯频道。