首页 > 其他分享 >js-cookie js-cookie的使用

js-cookie js-cookie的使用

时间:2023-12-27 15:34:07浏览次数:40  
标签:Cookies set name value js cookie 使用

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

// 获取指定名称的cookie
Cookies.get(name) // value

// 获取value为对象的cookie
const obj = { name: 'ryan' }
Cookies.set('user', obj)
JSON.parse(Cookies.get('user'))

// 获取所有cookie
Cookies.get()

删除cookie

// 删除指定名称的cookie
Cookies.remove(name) // value

// 删除带有路径的cookie
Cookies.set(name, value, { path: '' })
Cookies.remove(name, { path: '' })

标签:Cookies,set,name,value,js,cookie,使用
From: https://blog.51cto.com/u_15534669/9000692

相关文章

  • 怎样实现使用python实现自动排班
    自动排班是一项常见的任务,可以使用Python编程语言来实现。本文将介绍如何使用Python实现自动排班的步骤和技术。步骤一:收集排班需求和数据首先,您需要收集排班的需求和相关数据。这可能包括员工的工作时间、班次要求、休假时间等。您可以将这些数据存储在Excel表格、数据库或其他数......
  • nest.js中不同环境的配置读取
    node中不同环境的配置读取在node中最常用的是.env格式的配置文件,他有一个专门的npm包dotenv:我们来创建一个node项目试一下:进入这个目录,安装dotenv:npminstalldotenv然后新建一个.env配置文件:aaa=1bbb=2新建index.js并写入如下内容:require('dotenv').config({p......
  • js的this指向
    在JavaScript中,this是一个特殊的变量,它引用了调用对象。它的指向在不同的上下文中有不同的变化。以下是一些常见的this指向的情况:1.全局上下文:在全局作用域中,this指向全局对象。在浏览器中,这通常是window对象。console.log(this);//window(在浏览器中)2.函数调用:当......
  • JS 日期与毫秒之间互相转换
    时间戳(Unix/Linuxtimestamp)转换工具—在线转换毫秒时间戳工具(toolscat.com) Date()函数:该方法返回日期的毫秒表示(毫秒数精确到毫秒)1.毫秒转日期://2023-3-25格式newDate(1679673600000).toLocaleDateString().replace(/\//g,"-");//2023-03-25格式newDate(1......
  • permission.js 主要是对权限管理进行分析
    //引入路由importrouterfrom'./router'//引入仓库importstorefrom'./store'//引入ElementUI中的提示组件messageimport{Message}from'element-ui'//引入nprogress进度条importNProgressfrom'nprogress'//progressbarimport......
  • router下的 index.js 对路由进行分析
    //引入vueimportVuefrom'vue'//引入vue-routerimportRouterfrom'vue-router'//路由就是一个插件需要useVue.use(Router)//引入layout组件很重要//一级路由出口匹配layout组件/*Layout*/importLayoutfrom'@/layout'/*RouterModules*///引入其......
  • store下的 moudles 下的 permssion.js文件 主要是对路由规则的生成进行解释
    import{asyncRoutes,constantRoutes}from'@/router'/***Usemeta.roletodetermineifthecurrentuserhaspermission*@paramroles*@paramroute*/functionhasPermission(roles,route){//如果route.meta规则中有metameta中有roles选项......
  • 和鲸-numpy+pandas使用基础 关卡1
    STEP1:按照下列要求创建数据框已知10位同学的学号以及语数英三科成绩如下:(都是数值型数据)Id:[202001,202002,202003,202004,202005,202006,202007,202008,202009,202010]Chinese:[98,67,84,88,78,90,93,75,82,87]Math:[92,80,73,76,88,78,90,82,7......
  • 为什么主流公司都使用jenkins
    手动打包常规步骤:1.提交代码2.问一下同组小伙伴有没有要提交的代码3.拉取代码并打包(war包,或者jar包)4.上传到Linux服务器5.查看当前程序是否在运行6.关闭当前程序7.启动新的jar包8.观察日志看是否启动成功9.如果有同事说,自己还有代码没有提交.......
  • break 或 continue 循环函数,使用some同forEarch一样,但是直到找到就不继续往下循环,节省
    停止循环是循环中一个常见的需求。使用for循环我们可以用break提前结束循环。consta=[0,1,2,3,4];for(vari=0;i<a.length;i++){if(a[i]===2){break;//stoptheloop}console.log(a[i]);}//>0,1另一个常见的需求使我们需要直接取......