common.js
//设置cookie,增加到vue实例方便全局调用
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、
getCookie: name => {
var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
if (arr = document.cookie.match(reg))
return (arr[2]);
else
return null;
},
//删除cookie
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();
}
main.js中引入,挂载到vue原型上
import common from '../static/js/common'
Vue.prototype.common = common
组件中引用
this.common.setCookie("token",'111111111111');//缓存token
console.log('获取cookie',this.common.getCookie("token"));//获取缓存的token