vue设置cookie的方法封装

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/lily2016n/article/details/84326853

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