首页 > 其他分享 >js-cookie库

js-cookie库

时间:2023-10-10 14:44:59浏览次数:35  
标签:Cookies set name value js cookie

https://blog.csdn.net/weixin_49046027/article/details/121123014

https://www.cnblogs.com/gopark/p/13743364.html

简介

js-cookie是一个简单的,轻量级的处理cookies的js API,主要用来处理cookie相关的插件

使用

1. 下载

npm i -D js-cookie

2. 引入

import Cookies from 'js-cookie'

3. 使用

name:cookie的名称

value:cookie对应的值

添加Cookie

默认失效时间为该网站关闭时

Cookies.set(name, value)

时效7天

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

设置路径

Cookies.set(name, value, { path: '' })

value为对象

const obj = { name: 'ryan' }
Cookies.set('user', obj)

获取Cookie

获取指定名称的cookie

Cookies.get(name)

获取value为对象的cookie

// 设置value值为对象的Cookie
const obj = { name: 'ryan' }
Cookies.set('user', obj)

// 获取Cookie值
JSON.parse(Cookies.get('user'))

获取所有cookie

Cookies.get()

删除Cookie

删除指定名称的cookie

Cookies.remove(name)

删除带有路径的cookie

// 方法一:重新设置路径
Cookies.set(name, value, { path: '' })

// 方法二:移除cookie
Cookies.remove(name, { path: '' })

标签:Cookies,set,name,value,js,cookie
From: https://www.cnblogs.com/songxia/p/17754622.html

相关文章

  • MongoDB Node.js Driver and MongoClient All In One
    MongoDBNode.jsDriverandMongoClientAllInOneThenextgenerationNode.jsdriverforMongoDB$npmimongodb#OR$npmi-Smongodb#OR$npminstallmongodb--savehttps://mongodb.github.io/node-mongodb-native/index.htmlhttps://www.mongodb.com......
  • phpStrom配置sass编译和JS压缩混淆
    1JS压缩混淆(YUICompressor)1.1安装java文件(jre-8u201-windows-x64.exe)1.2YUICompressor下载https://github.com/yui/yuicompressor/releases1.3Phpstrom配置:设置-工具-filewatcher配置YUICompressor参数Program参数:D:\MyLocalSoftWare\compressTool\java\bin\jav......
  • 前端、Vue.js和SVG的一些知识
    前端、Vue.js和SVG的一些知识一、前端简介  1、什么是HTML(静态)(超文本标记语言HyperTextMarkupLanguage),HTML是用来描述网页的一种语言。  2、CSS(层叠样式表CascadingStyleSheets),样式定义如何显示HTML元素,语法为:selector{property:value}(选择符{属性:值}) ......
  • js1之基础知识
    1简介1.1计算机语言计算机语言指用于人与计算机之间通讯的语言,它是人与计算机之间传递信息的媒介。总的来说,可以分成机器语言,汇编语言和高级语言三大类。实际上计算机最终所执行的都是机器语言,它是由“0”和“1”组成的二进制数,二进制是计算机语言的基础。0=000000001=00......
  • Spring Boot 访问静态资源css/js
    一、前言我们用SpringBoot搭建Web应用时(如搭建一个博客),经常需要在Html中访问一些静态资源,比如:css样式;js脚本;favicon.ico图标等;而在SpringBoot中如果没有做任何配置,是无法直接访问静态资源的,通常会报404错误二、SpringBoot访问静态资源的默认目录Spring......
  • [899] Save a dictionary as a file (JSON)
    InPython,youcansaveadictionaryasafileusingvariousmethods,suchasJSON,Pickle,orCSV.Here,I'llshowyouhowtosaveadictionaryasaJSONfileandthenreadthatJSONfilebackintoadictionary.SavingaDictionaryasaJSONFile:Y......
  • js_使用js读取link外部样式
    <linkrel="stylesheet"href="https://at.alicdn.com/t/c/font_1826665_p96ije5uc2f.css"crossorigin>varlinkStyle=document.getElementsByTagName("link")[0];varsheet=linkStyle.sheet||linkStyle.styleSheet;letreg=......
  • JS实现红包分配(每个人至少1分钱)
    要实现红包分配,保证每个人至少分到1分钱,可以使用以下算法:将红包总金额以及要分配的人数作为输入参数。首先,生成一个(人数-1)范围内的随机数,表示第一个人分到的金额。确保至少会有一个人分到1分钱。然后,将剩余金额(总金额减去第一个人分到的金额)作为新的红包总金额。依次......
  • 启动vue项目报错——ERROR Error loading vue.config.js: ERROR TypeError: defineCon
    问题描述在我引入echarts模块之前是ok的,引入之后就启动失败了;问题解决一般情况下,都是该项目的版本与本机cmd里面的版本不对应导致的;只需要使用这个命令npmupgrade,更新版本,一直yes下去,就能够解决这个问题啦!......
  • JS数组去重的4种办法
    有多种方法可以对数组进行去重,下面介绍的是常见的四种办法:使用Set数据结构:Set是ES6引入的一种新的数据结构,它存储唯一的值,可以利用它的去重特性来对数组进行去重。constarray=[1,2,2,3,3,4,5];constuniqueArray=[...newSet(array)];console.log(uniqueArr......