JS使用Cookie
包:https://www.npmjs.com/package/js-cookie
一、安装
1 | npm install js-cookie --save |
二、引用
1 | import Cookies from 'js-cookie' |
三、一般使用
- 存到Cookie去
1 2 3 4 5 6 7 8 | // Create a cookie, valid across the entire site: Cookies. set ( 'name' , 'value' ); // Create a cookie that expires 7 days from now, valid across the entire site: Cookies. set ( 'name' , 'value' , { expires: 7 }); // Create an expiring cookie, valid to the path of the current page: Cookies. set ( 'name' , 'value' , { expires: 7, path: '' }); |
2.在Cookie中取出
1 2 3 4 5 6 | // Read cookie: Cookies. get ( 'name' ); // => 'value' Cookies. get ( 'nothing' ); // => undefined // Read all visible cookies: Cookies. get (); // => { name: 'value' } |
3.删除
1 2 3 4 5 6 7 | // Delete cookie: Cookies.remove( 'name' ); // Delete a cookie valid to the path of the current page: Cookies. set ( 'name' , 'value' , { path: '' }); Cookies.remove( 'name' ); // fail! Cookies.remove( 'name' , { path: '' }); // removed! |
四、特殊使用(在Cookie中存对象)
跟一般使用不同的是,从Cookie中取出的时候,要从字符串转换成json格式:
1 2 3 4 5 6 | const user = { name: 'lia' , age: 18 } Cookies. set ( 'user' , user) const liaUser = JSON.parse(Cookies. get ( 'user' )) |
参考:https://www.jianshu.com/p/6e1bacd35f59
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 通过 API 将Deepseek响应流式内容输出到前端
· 因为Apifox不支持离线,我果断选择了Apipost!