vue中使用js-cookie
vue中使用JS-Cookie_IT-涛的博客-CSDN博客
JS-Cookie 是一个简单的、轻量级的、开源的 JavaScript 库，用于处理页面中的 cookies。它提供了一组简单的方法，让你可以轻松地设置、获取和删除 cookies。
以下是 JS-Cookie 的使用介绍：
1.引入 JS-Cookie 库
在 HTML 页面的 <head> 标签中引入 JS-Cookie 库：
<head>
<script src="path/to/js.cookie.js"></script>
</head>
或者在 JavaScript 代码中通过其他方式引入，比如使用 ES6 模块化的语法。
2.设置 cookie
JS-Cookie 提供了 set 方法，用于设置 cookie 值。该方法接收三个参数：cookie 名称、cookie 值和一个可选的配置对象。
示例：
Cookies.set('name', 'value');
3.获取 cookie
JS-Cookie 提供了 get 方法，用于获取 cookie 值。该方法接收一个参数：cookie 名称。
示例：
Cookies.get('name'); // 返回 'value'
如果 cookie 不存在，则返回 undefined。
4.删除 cookie
JS-Cookie 提供了 remove 方法，用于删除指定的 cookie。该方法接收一个参数：cookie 名称。
示例：
Cookies.remove('name');
5.设置 cookie 配置
在设置 cookie 时，可以通过第三个参数传递一个配置对象，该配置对象包含以下属性：
- expires：cookie 过期时间。可以是一个 Date 对象或一个以秒为单位的数字。
- path：cookie 的路径，默认值为 ‘/’。
- domain：cookie 的域名。
- secure：cookie 是否只能通过 HTTPS 传输。
- sameSite：cookie 是否可以跨站点发送。
示例：
Cookies.set('name', 'value', { expires: 7, path: '/', domain: 'example.com', secure: true, sameSite: 'strict' });