Vue怎么設(shè)置、刪除和獲取cookie

這篇文章主要介紹了Vue怎么設(shè)置、刪除和獲取cookie的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇Vue怎么設(shè)置、刪除和獲取cookie文章都會(huì)有所收獲，下面我們一起來(lái)看看吧。

Vue設(shè)置cookie、刪除cookie、獲取cookie

在main.js中如下設(shè)置

設(shè)置cookie

Vue.prototype.Setcookie = function (name,value) {
  //設(shè)置名稱(chēng)為name,值為value的Cookie
  var expdate = new Date();   //初始化時(shí)間
  expdate.setTime(expdate.getTime() + 30 * 60 * 1000);   //時(shí)間單位毫秒
  document.cookie = name + "=" + escape(value) + ";expires=" + expdate.toGMTString() + ";path=/";
  //即document.cookie= name+"="+value+";path=/";  時(shí)間默認(rèn)為當(dāng)前會(huì)話(huà)可以不要，但路徑要填寫(xiě)，因?yàn)镴S的默認(rèn)路徑是當(dāng)前頁(yè)，如果不填，此cookie只在當(dāng)前頁(yè)面生效！
}

獲取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;
  }
}

刪除cookie

Vue.prototype.delCookie= function (a){
      var b = new Date(0).toGMTString();
      document.cookie = a + "=;expires=" + b + ";path=/";
    },

Vue允許跨域攜帶cookie

import axios from 'axios'
axios.defaults.withCredentials = true;// 允許跨域攜帶cookie

或者在請(qǐng)求攔截器中添加

config.headers['Access-Control-Allow-Credentials']=true

關(guān)于“Vue怎么設(shè)置、刪除和獲取cookie”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對(duì)“Vue怎么設(shè)置、刪除和獲取cookie”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道。