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

devtools/2024/9/23 8:14:22/

在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


http://www.ppmy.cn/devtools/92011.html

相关文章

【前端可视化】 大屏可视化项目二 scale适配方案 g6流程图 更复杂的图表

项目介绍 第二个大屏可视化,整个项目利用scale进行按比例适配。 图表更加复杂,涉及到图表的叠加,mark,地图,g6流程图的能等 始终保持比例适配(本项目方案),始终满屏适配(项目一). echarts绘制较为复杂图表&#xff0…

DataWhale AI夏令营 大模型微调Task1笔记

日期: 2024年8月11日 报名参加挑战赛。 理解挑战赛的任务和流程。 基于讯飞大模型定制训练平台和spark-13b微调模型,生成高考语文现代文阅读和英语阅读问题QA对 学习过程: Step 1: 报名赛事 访问赛事链接并完成报名。 完成个人认证。 Step 2: 运行 Baseline…

css rem之2024

话题开始前 我们都知道1rem是等于html fontSize标签的字体大小的,我们主要用来做移动端网页设计稿等比例在手机上面的显示。 看到的问题 这个html fontsize的大小是通过js动态计算的,而这个js的运行时晚于html渲染的,所以会导致一个问题&am…

Redis与Memorycache的区别

Redis与Memorycache主要是持久线程和持久化的区别 1、从性能方面来说: Redis是单线程的,优点是CPU开销小,省去多线程线程之间切换的开销,但是相对于Memorycache来说海量数据的相对较低 Memorycache使用了多线程技术,数…

【数据结构】线性表,顺序表

一. 线性表 1. 线性表(linear list)是n个具有相同特性的数据元素的有限序列。 2. 线性表是一种在实际中广泛使用的数据结构,常见的线性表:顺序表、链表、栈、队列、字符串... 3. 线性表在逻辑上是线性结构,也就说是连续的一条直线。但是在物理…

提高PDF电子书的分辨率

解决方法出处 1. 安装ImageMagick brew install imagemagick brew install ghostscript2. 按流程进行 convert -density 600 your_pdf_filename.pdf output-%02d.jpg convert output*.jpg -normalize -threshold 80% final-%02d.jpg convert final*.jpg my_new_highcontras…

【openwrt-21.02】T750分区介绍及新增分区说明

MediaTek T750 T750 采用先进的 7nm 制程,高度集成 5G 调制解调器和四核 Arm CPU,提供较强的功能和配置,设备制造商得以打造精巧的高性能 CPE 产品,如固定无线接入(FWA)路由器和移动热点。 MediaTek T750 平台是一款综合的芯片组,集成了 5G SoC MT6890、12nm 制程…

leetcode hot 100(2)

文章目录 leetcode hot 100(2)图论回溯二分查找栈堆贪心算法动态规划多维动态规划技巧 leetcode hot 100(2) 图论 200. 岛屿数量 - 力扣(LeetCode):从所有为1的位置出发,进行dfs或者bfs。将遍历过的位置赋值为2就好,…