js-cookie 关于js-cookie cookie 的使用 cookie设置

最新推荐文章于 2024-08-22 08:42:46 发布

星空小梦

最新推荐文章于 2024-08-22 08:42:46 发布

阅读量1.6k

点赞数

分类专栏： vue 文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/weixin_50885665/article/details/128670986

版权

本文介绍了js-cookie，一个轻量级的JavaScript库，用于处理浏览器中的Cookie。内容包括js-cookie的下载、添加、获取和删除Cookie的示例。

摘要由CSDN通过智能技术生成

js-cookie是什么？
js-cookie是一个简单的,轻量级的处理cookies的js API，用来处理cookie相关的插件

js-cookie的使用方法
一、先下载

npm install --save js-cookie

二、引入
安装好js-cookie插件后，在我们需要处理cookie的地方，简单的通过import引入就可以使用了

import Cookies from 'js-cookie'

三、js-cookie的添加获取删除

添加cookie

// 创建一个名称为name，对应值为value的cookie，由于没有设置失效时间，默认失效时间为该网站关闭时
Cookies.set(name, value)

// 创建一个有效时间为7天的cookie
Cookies.set(name, value, { expires: 7 })

// 创建一个带有路径的cookie
Cookies.set(name, value, { path: '' })

// 创建一个value为对象的cookie
const obj = { name: 'ryan' }
Cookies.set('user', obj)

获取cookie