nuxt cookie使用

1,178 阅读1分钟
引入cookie
yarn add cookie-universal-nuxt

static 文件夹下新建文件夹 js ,里面再新建文件 changeCookie.js

var changeCookie = {
  // 设置cookie
  setCookie(name, value) {
    var exp = new Date()
    exp.setTime(exp.getTime() + 24 * 60 * 60 * 1000)
    document.cookie =
      name + '=' + escape(value) + ';expires=' + exp.toGMTString()
  },
  // 获取cookie
  getCookie(cname) {
    var name = cname + '='
    var ca = document.cookie.split(';')
    for (var i = 0; i < ca.length; i++) {
      var c = ca[i].trim()
      if (c.indexOf(name) == 0) return c.substring(name.length, c.length)
    }
    return ''
  },
  // 删除cookie
  delCookie(c_name) {
    changeCookie.setCookie(c_name, '', -1)
  },
}

export default changeCookie

在.vue文件里使用

import changeCookie from "@/static/js/changeCookie";
    setCookie () {
      changeCookie.setCookie("token", '1234567890');
    },