Vue中如何使用Cookie

1、首先下载安装 npm i js-cookie -S
2、引入 import Cookies from 'js-cookie'

存：

//创建一个在整个网站上有效的cookie：
//特使时候cookie存入的对象，跟一般使用不同的是，从Cookie中取出的时候，要从字符串转换成json格式

Cookies.set('name', { id: 1, name: 'XXX' })

当然cookie也可以设置过期时间
//创建一个从现在起7天到期的cookie，该cookie在整个网站上均有效：

Cookies.set('name', 'value', { expires: 7 });

//创建一个有效的cookie，该cookie对当前页面的路径有效：

Cookies.set （'名称'，'值'，{  expires（有效时间）：7 ，  路径：' ' } ）

取：

Cookies.get('name');

JSON.parse(Cookies.get('name'))

删除

Cookies.remove('name');

//删除对当前页面有效的cookie

Cookies.set('name', 'value', { path: '' });
Cookies.remove('name'); // fail!
Cookies.remove('name', { path: '' }); // removed!

当然cookie也可以在请求拦截中携带，他是可以参与服务器之间的通讯的，比如在请求拦截中设置headers头，每次请求时携带cookie，相当于鉴权问题。这里只是简单的说一下在vue中如何使用cookie