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

相关推荐
ᥬ 小月亮3 分钟前
Vue中接入萤石等直播视频(更新中ing)
前端·javascript·vue.js
夜斗(dou)27 分钟前
node.js文件压缩包解析,反馈解析进度,解析后的文件字节正常
开发语言·javascript·node.js
恩爸编程1 小时前
纯 HTML+CSS+JS 实现一个炫酷的圣诞树动画特效
javascript·css·html·圣诞树·圣诞树特效·圣诞树js实现·纯js实现圣诞树
呜呼~225141 小时前
前后端数据交互
java·vue.js·spring boot·前端框架·intellij-idea·交互·css3
神雕杨1 小时前
node js 过滤空白行
开发语言·前端·javascript
网络安全-杰克1 小时前
《网络对抗》—— Web基础
前端·网络
m0_748250741 小时前
2020数字中国创新大赛-虎符网络安全赛道丨Web Writeup
前端·安全·web安全
周伯通*1 小时前
策略模式以及优化
java·前端·策略模式
艾斯特_1 小时前
前端代码装饰器的介绍及应用
前端·javascript
Sokachlh2 小时前
【elementplus】中文模式
前端·javascript