这篇文章主要介绍了Vue怎么设置、删除和获取cookie的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Vue怎么设置、删除和获取cookie文章都会有所收获,下面我们一起来看看吧。
在main.js中如下设置
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只在当前页面生效!
}
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;
}
}
Vue.prototype.delCookie= function (a){
var b = new Date(0).toGMTString();
document.cookie = a + "=;expires=" + b + ";path=/";
},
import axios from 'axios'
axios.defaults.withCredentials = true;// 允许跨域携带cookie
或者在请求拦截器中添加
config.headers['Access-Control-Allow-Credentials']=true
关于“Vue怎么设置、删除和获取cookie”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“Vue怎么设置、删除和获取cookie”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注亿速云行业资讯频道。
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。