vue操作cookie（前端Vue设置cookie、删除cookie,获取cookie方式）
导读：Vue设置cookie、删除cookie、获取cookie 在main.js中如下设置...
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
以上为个人经验 ，希望能给大家一个参考 ，也希望大家多多支持本站 。
声明：本站所有文章 ，如无特殊说明或标注 ，均为本站原创发布 。任何个人或组织 ，在未征得本站同意时 ，禁止复制 、盗用 、采集 、发布本站内容到任何网站 、书籍等各类媒体平台 。如若本站内容侵犯了原著者的合法权益 ，可联系我们进行处理 。
创心域SEO版权声明：以上内容作者已申请原创保护，未经允许不得转载，侵权必究！授权事宜、对本内容有异议或投诉，敬请联系网站管理员，我们将尽快回复您，谢谢合作！