js-cookie的使用
时间: 2023-09-29 20:08:35 浏览: 96
js-cookie是一个用于操作浏览器cookie的JavaScript库。使用js-cookie可以很方便地设置、获取和删除cookie。
首先,在你的HTML文件中引入js-cookie库:
```html
<script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.0/dist/js.cookie.min.js"></script>
```
然后就可以使用js-cookie库提供的方法了。
1. 设置cookie
```javascript
Cookies.set('name', 'value'); // 设置名为name的cookie,值为value
Cookies.set('name', 'value', { expires: 7 }); // 设置名为name的cookie,值为value,有效期为7天
```
2. 获取cookie
```javascript
Cookies.get('name'); // 获取名为name的cookie的值
```
3. 删除cookie
```javascript
Cookies.remove('name'); // 删除名为name的cookie
```
需要注意的是,js-cookie库还提供了很多其他的方法,比如可以设置cookie的域名、路径、安全性等。具体使用方法可以查看官方文档。
相关问题
js-cookie使用方法
JS-Cookie是一个用于操作浏览器cookie的JavaScript库。以下是简单的使用方法:
1. 首先,你需要引入JS-Cookie库。可以通过在HTML文件中添加以下脚本标签来实现:
```html
<script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.1/src/js.cookie.min.js"></script>
```
2. 设置cookie:
```javascript
Cookies.set('name', 'value');
```
这将在浏览器中创建一个名为`name`的cookie,其值为`value`。
3. 获取cookie:
```javascript
var value = Cookies.get('name');
```
这将返回名为`name`的cookie的值。
4. 删除cookie:
```javascript
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
```shell
yarn add @types/js-cookie -D
```
这个命令会安装js-cookie的类型声明文件,解决找不到声明文件的问题。
2.在tsconfig.json中添加js-cookie的路径
```json
{
"compilerOptions": {
"paths": {
"js-cookie": ["node_modules/js-cookie"]
}
}
}
```
这个方法会告诉TypeScript去node_modules/js-cookie中查找js-cookie的类型声明文件。
阅读全文