js-cookie使用方法

JS-Cookie是一个用于操作浏览器cookie的JavaScript库。以下是简单的使用方法：

1. 首先，你需要引入JS-Cookie库。可以通过在HTML文件中添加以下脚本标签来实现：

<script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.1/src/js.cookie.min.js"></script>

2. 设置cookie：

Cookies.set('name', 'value');

这将在浏览器中创建一个名为`name`的cookie，其值为`value`。

3. 获取cookie：

var value = Cookies.get('name');

这将返回名为`name`的cookie的值。

4. 删除cookie：

Cookies.remove('name');

这将从浏览器中删除名为`name`的cookie。

你还可以使用其他一些选项来设置cookie的过期时间、路径、域等。更多详细的用法，你可以参考JS-Cookie的官方文档：https://github.com/js-cookie/js-cookie

相关问题

已经用yarn add js-cookie来安装cookie了，但是在页common.ts引入的时候import Cookies from 'js-cookie';报错无法找到模块“js-cookie”的声明文件

这个错误是因为TypeScript无法找到js-cookie的类型声明文件。你可以通过以下两种方式解决这个问题：

1.安装@types/js-cookie

yarn add @types/js-cookie -D

这个命令会安装js-cookie的类型声明文件，解决找不到声明文件的问题。

2.在tsconfig.json中添加js-cookie的路径

{
  "compilerOptions": {
    "paths": {
      "js-cookie": ["node_modules/js-cookie"]
    }
  }
}

这个方法会告诉TypeScript去node_modules/js-cookie中查找js-cookie的类型声明文件。

js-cookie的使用

js-cookie 是一个方便的 JavaScript 库，用于操作 cookie。以下是 js-cookie 的使用方法：

1. 引入 js-cookie 库

可以通过 CDN 引入 js-cookie 库，也可以下载 js-cookie 库并在项目中引入。

2. 设置 cookie

使用 `Cookies.set(key, value, options)` 方法来设置 cookie，其中 `key` 是 cookie 名称，`value` 是 cookie 值，`options` 是可选参数，用于设置 cookie 的属性，如过期时间、路径等。

例如，设置一个名为 `username`，值为 `John` 的 cookie：

Cookies.set('username', 'John');

设置一个过期时间为 7 天的 cookie：

Cookies.set('username', 'John', { expires: 7 });

3. 获取 cookie

使用 `Cookies.get(key)` 方法来获取 cookie 的值。

例如，获取名为 `username` 的 cookie 的值：

var username = Cookies.get('username');

4. 删除 cookie

使用 `Cookies.remove(key, options)` 方法来删除 cookie。

例如，删除名为 `username` 的 cookie：

Cookies.remove('username');

以上就是 js-cookie 的基本使用方法。更多使用方法详见官方文档：https://github.com/js-cookie/js-cookie