Vue js-cookie的使用存储token操作

在Vue项目中使用js-cookie库存储token可以按照下面的步骤进行操作:

首先,安装js-cookie库,可以使用npm安装,命令为:

npm install js-cookie

然后,在需要存储token的组件中引入js-cookie库:

import Cookies from 'js-cookie'

接着,可以使用Cookies.set()方法将token存储到Cookie中:

Cookies.set('token','your_token_here')

其中,第一个参数'token'是Cookie名称,第二个参数'youer_token_here'是要存储的token值。

需要注意的是,如果要设置token过期时间,可以在Cookies.set()方法中传入第三个参数,例如:

Cookies.set('token','youer_token_here',{expires:7})

上述代码表示将token存储到Cookie中,并设置过期时间为7天。

最后,在需要使用token的组件中,可以使用Cookies.[get]('https://xxxxxxx')('token')方法获取存储在Cookie中的token

相关推荐
清风细雨_林木木5 分钟前
解决 Tailwind CSS 代码冗余问题
前端·css
HSunR9 分钟前
vue3 elementplus tabs切换实现
javascript·vue.js·elementui
搏博13 分钟前
WPS中代码段的识别方法及JS宏实现
开发语言·javascript·wps
三天不学习29 分钟前
VueUse/Core:提升Vue开发效率的实用工具库
前端·javascript·vue.js·vueuse
好青崧35 分钟前
等于和绝对等于的区别
javascript
余道各努力,千里自同风1 小时前
CSS实现文本自动平衡text-wrap: balance
前端·css
半青年1 小时前
Qt图表库推荐指南与分析
c语言·开发语言·javascript·c++·qt·信息可视化
Yvonne爱编码1 小时前
CSS- 4.3 绝对定位(position: absolute)&学校官网导航栏实例
前端·css·html·html5·hbuilder
繁依Fanyi2 小时前
ImgShrink:摄影暗房里的在线图片压缩工具开发记
开发语言·前端·codebuddy首席试玩官
卓律涤2 小时前
【找工作系列①】【大四毕业】【复习】巩固JavaScript,了解ES6。
开发语言·前端·javascript·笔记·程序人生·职场和发展·es6