vue中cookie的使用——将cookie放在请求头header中

第一步：封装cookie

//设置cookie
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()
}


//获取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 ""
}


//删除cookie
export function delCookie(c_name) {
  setCookie(c_name, "", -1)
}

 

第二步：在main.js中进行全局调用

import { getCookie,setCookie,delCookie} from "ssgframework/src/components/cookie";

Vue.prototype.$cookieStore = { getCookie,setCookie,delCookie }