Vue 中 常见错误 ReferenceError: Cookies is not defined

  1.JS-Cookie错误原因：

        错误是出在被那些复制粘贴的文章误导而直接使用Cookies.set('key', 'value')，

//1.写入Cookie
Cookies.set('name', 'value')
Cookies.set('name', 'value', { expires: 7 })
Cookies.set('name', 'value', { expires: 7, path: '' })
//2.读取Cookie
Cookies.get('name');
Cookies.get() //获取全部cookie

       

他们在引入时是这样写的

1.全局引入

// main.js
import jsCookie from 'js-cookie'
Vue.prototype.$cookie = jsCookie;  // 在页面里可直接用 this.$cookie 调用

2.解决问题

那么实际上我们直接使用this.$cookie.get('key')就好了。

//获取
this.$cookie.get('key');
this.$cookie.get() //获取全部cookie

//添加
this.$cookie.set('key','value',time);//还有很多参数设置,不再一一列举

//删除
this.$cookie.remove('key');//

那么到这里我们的问题就应该解决了,这是一个很初级的问题，我也是初学者。。。。见笑了，

还有问题的话欢迎大家一起交流！