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

相关推荐
晴天162 小时前
前端 postMessage 使用场景
前端·javascript·网络
zhanghaha13143 小时前
HTML系列教程:15_标签 全称 + 简写 超详细讲解(新手专用)
前端·html
zhanghaha13143 小时前
HTML系列教程:14_HTML 表单与输入框 <form>、<input> 零基础详解
java·前端·javascript
IMPYLH3 小时前
HTML 的 <samp> 元素
前端·网络·html
IMPYLH3 小时前
HTML 的 <script> 元素
前端·html
weixin_493503677 小时前
Vue3 前端生成 PDF:会员证书与活动签到表的三种打印方案与踩坑记录
前端·pdf·状态模式
李少兄9 小时前
JavaScript 数据类型完全指南
开发语言·javascript·ecmascript
尾善爱看海11 小时前
前端算法与手写题集
前端·算法
徐小夕11 小时前
JitWord 4.0 万字分享:从协同工具到AI Word操作系统,聊聊3年产品创业史
前端·vue.js·后端
shmily麻瓜小菜鸡12 小时前
JS/TS 易踩坑知识点 — 模块化与工程化类
开发语言·javascript·ecmascript