vue3 + TS + VueUse 快捷存取操作cookie,存储用户token流程

news2024/10/5 22:00:36

1.依赖安装

VueUse可以为Vue开发提供方便和高效的支持,提高开发效率和代码质量。

VueUse网址:https://vueuse.org/integrations/useCookies/#usecookies
依赖1(主):npm i @vueuse/integrations
依赖2(模块):npm i universal-cookie

2.你能够在VueUse中使用的操作cookie的方法

const { get, getAll, set, remove, addChangeListener, removeChangeListener } = useCookies(['cookie-name'], { doNotParse: false, autoUpdateDependencies: false })

3. 在vue页面中使用 VueUse 处理cookie 调用流程

import { useCookies } from "@vueuse/integrations/useCookies";
const cookie= useCookies();

//在对应的方法中使用
          // 存入页面token和登陆人信息,权限
          cookie.set('admin-token',res.data.data.token)
          cookie.get('admin-token')
          router.push("/home");

结果

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/796380.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

PCB设计中常见的走线等长要求

1、在做 PCB 设计时,为了满足某一组所有信号线的总长度满足在一个公差范围内,通常要使用蛇形走线将总长度较短的信号线绕到与组内最长的信号线长度公差范围内,这个用蛇形走线绕长信号线的处理过程,就是我们俗称的 PCB 信号等长处理…

GPT一键化身「AI助理」——自定义指令功能

最近GPT又更新了一个超实用的功能——自定义指令,启用后,你可以给GPT设置一些固定指令,让它记住或扮演某个角色,比如客服、律师、投资管理师、老师、营养师...... 这样,我们就不再需要每次都要打开新的聊天&#xff0c…

AT15透明屏有哪些特点?

AT15透明屏是一种新型的显示技术,它采用了透明材料制成的屏幕,可以实现透明显示效果。这种屏幕可以广泛应用于各种领域,如商业广告、展览展示、智能家居等。 AT15透明屏的特点之一是其高透明度。 由于采用了透明材料制成,AT15透明…

生成式人工智能新政策发布:AI进入规范时代!

最近,国家发布了《生成式人工智能服务管理暂行办法》。该条例于8月15日开始施行,使得AI应用进入规范化管理。该法明确了适用于提供生成文本、图片、音频、视频等内容的服务,鼓励人工智能技术在各行业、各领域的创新应用,生成积极健…

深度学习:常用优化器Optimizer简介

深度学习:常用优化器Optimizer简介 随机梯度下降SGD带动量的随机梯度下降SGD-MomentumSGDWAdamAdamW 随机梯度下降SGD 梯度下降算法是使权重参数沿着整个训练集的梯度方向下降,但往往深度学习的训练集规模很大,计算整个训练集的梯度需要很大…

【C++】 函数模板和类模板

文章目录 一、模板1.1 函数模板和类模板1.2 函数模板1.2.1 普通函数和函数模板区别1.2.2 普通函数和函数模板调用规则1.2.3 模板局限性 1.3 类模板1.3.1 类模板对象做函数参数1.3.2 类模板的继承1.3.3 类模板成员函数的类外实现1.3.4 类模板分文件编写1.3.5 类模板全局函数类内…

PaddleOCR C++编译出错解决方案

文章目录 前言一、环境准备1、主要环境2、源码下载3、C推理库下载 二、报错信息1.静态库调用错误2.ld returned 1 exit status 总结 前言 最近,想尝试下PaddleOCR的C推理,但是过程不如人所愿,除了很多问题,这里捡重点的说下吧&…

【Python 实战】---- 批量识别图片中的文字,存入excel中【使用百度的通用文字识别】

分析 1. 获取信息图片示例 2. 运行实例 3. 运行结果 4. 各个文件的位置 实现 1. 需求分析 识别图片中的文字【采用百度的通用文字识别】;文字筛选,按照分类获取对应的文本;采用 openpyxl 实现将数据存入 excel 中。2. 获取 access_token 获取本地缓存的

双虚拟机实现数据库自动备份

FTP的使用: 1.安装FTP 1、检测系统有没有安装ftp,执行命令: rpm -qa | grep ftp若存在用rpm命令移除后再行安装,执行命令: rpm -e vsftpd-3.0.2-9.e17.x86_642、如果没有安装,则在线安装ftp&#xff0c…

[深度学习实战]基于PyTorch的深度学习实战(补充篇)[RNN和LSTM基本原理、PyTorch中的LSTM、Embedding层]

目录 一、前言二、RNN和LSTM基本原理2.1 长期依赖问题2.2 LSTM 网络2.3 LSTM 的核心思想2.4 逐步理解 LSTM2.5 LSTM 的变体2.5.1 coupled 忘记门和输入门2.5.2 GRU 三、PyTorch中的LSTM四、Embedding层五、后记 PyTorch——开源的Python机器学习库 一、前言 写这部分的文章很耗…

汽配企业如何把MES管理系统的价值利用到最大化

随着信息技术的快速发展,越来越多的汽配企业开始引入MES生产管理系统,以提高生产效率、优化资源利用和提升产品质量。然而,要想实现MES系统的最大化价值,汽配企业需要从以下几个方面入手。 首先,汽配企业应该充分了解M…

Android性能优化之游戏 OutOfMemoryError: pthread_create探究真相

近期,着手分析游戏的OOM问题,该问题在bugly上的量级,恐怖吓人的百万级,处于java 异常的top 1, 如下所示: 发生的设备,基本上都是32位的cpu架构 分析过程 先来看下报错的堆栈,基本上都是发生…

Prompt Engineering论文梳理(主要为2022年)

AutoPrompt (EMNLP2020) Shin T, Razeghi Y, Logan IV R L, et al. Autoprompt: Eliciting knowledge from language models with automatically generated prompts[J]. arXiv preprint arXiv:2010.15980, 2020. 基本架构,original input t…

【历史上的今天】7 月 27 日:模型检测先驱出生;微软收购 QDOS;第一张激光照排的中文报纸

整理 | 王启隆 透过「历史上的今天」,从过去看未来,从现在亦可以改变未来。 今天是 2023 年 7 月 27 日,在 1961 年的今天,IBM 推出了 IBM Selectric 电动打字机;电动打字机是打字机界无可争议的游戏规则颠覆者&#…

电商-订单模块

电商-订单模块 流程思维图表结构支付中心流程 流程思维图 表结构 支付中心 流程

座舱域控进入“上车”加速期,中国芯片的狂飙时代来了?

智能座舱成为了全球芯片厂商竞逐的下一个战场。 进入2023年,联发科官宣与英伟达合作开发集成CPU粒芯的汽车SoC,为下一代软件定义汽车提供全套车载人工智能座舱解决方案;AMD在特斯拉座舱落地后,与亿咖通在智能座舱领域达成了合作&…

猿辅导AI智能学情分析系统,用科技分析每个的孩子课堂表现

近几年,随着现代科技的不断发展,人们的生活也发生了很大的变化。“翻译神器”让沟通没有了语言障碍;“支付神器”让我们无需携带现金便可轻松消费,方便快捷;科技赋能下的课堂,也让教育从“面对面”传道解惑…

ipad笔买原装还是平替?apple pencil替代品推荐

如今,电容笔在网上办公、网上教育等行业风靡,平替式的电容笔能否取代苹果原来的电容笔吗?在现实生活中,你其实不必要为一支原版的苹果电容笔花费那么多的钱。一支普通的平替电容笔,售价只要一二百块钱,比起…

马上医疗项目介绍

“马上好医”项目白皮书 一、大型医疗挂号微服务“马上好医”医疗项目 “马上好医”即为网上医疗预约挂号系统,首先,由于互联网的发展,衍生出非常多的便民医疗服务的需求,而网上预约挂号则是其中一个便民需求,我们能…

Web3.0实战(02)-联盟链入门讲解

联盟链是介于公有链和私有链之间,具备部分去中心化的特性。 联盟链是由若干机构联合发起,由盟友共同来维护,它只针对特定某个群体的成员和有限的第三方开放。 8.1 部分去中心化 联盟链只属于联盟内部的成员所有,联盟链的节点数…