vue 存取、设置、清除cookie
步骤:
第一步:assets目录下添加cookie.js文件
export function setCookie(c_name,value,expire) { var date=new Date() date.setSeconds(date.getSeconds()+expire) document.cookie=c_name+ "="+escape(value)+"; expires="+date.toGMTString() //console.log(document.cookie) } export function getCookie(c_name){ if (document.cookie.length>0){ let c_start=document.cookie.indexOf(c_name + "=") if (c_start!=-1){ c_start=c_start + c_name.length+1 let c_end=document.cookie.indexOf(";",c_start) if (c_end==-1) c_end=document.cookie.length return unescape(document.cookie.substring(c_start,c_end)) } } return "" } export function delCookie(c_name){ setCookie(c_name, "", -1) }
第二步:在main.js中引入,并放入vue的原型中
import {setCookie,getCookie,delCookie} from '@/assets/js/cookie'
Vue.prototype.$cookieStore = {setCookie,getCookie,delCookie}
第三步:调用
this.$cookieStore.setCookie( 'userName' ,res.data, 60);//存入用户名,设置有效时间1分钟