cookie 封装

2023-11-11

npm i universal-cookie
 npm i @vueuse/integrations

1、新建 utils / storage.js
在这里插入图片描述

import {
	useCookies
} from '@vueuse/integrations/useCookies'

const cookies = useCookies()

export function setToken(tokenKey, token) {
	return cookies.set(tokenKey, token)
}
export function getToken(tokenKey) {
	return  cookies.get(tokenKey)
}
export function removeToken(tokenKey) {
	return  cookies.remove(tokenKey)
}

2、使用
在这里插入图片描述

import {
	setToken,
	getToken,
	removeToken
} from '@/utils/storage'

setToken('admin-token', 1234567889)
console.log('输出token',getToken('admin-token')) 
//removeToken('admin-token')

其他:请求头携带 cookie
https://blog.csdn.net/Madman528/article/details/129244272

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

cookie 封装 的相关文章

  • 关闭选项卡时要求确认[关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 当我在某些浏览器上关闭页面时 我希望出现一个消息框 并询问我是否真的要关闭页面 有两个按钮 如果我单击No那么这个标签就不会被关闭 我怎样
  • Android 设备上的 PhoneGap 蓝牙插件

    我一直在尝试让 PhoneGap 工作的蓝牙插件 但我似乎不知道哪里出了问题 首先 我的测试设备是 Galaxy S3 GT 19305T 应用程序是使用PhoneGap CLI http docs phonegap com en 3 0
  • 为什么 JavaScript base-36 转换看起来不明确

    我目前正在编写一段使用 Base 36 编码的 JavaScript 我遇到了这个问题 parseInt welcomeback 36 toString 36 看来要回归了 welcomebacg 我在 Chrome 开发者控制台和 Nod
  • TypeError: props.render 不是一个函数(React hook 形式)

    我将方法作为我用react hook form制作的形式的道具传递 当从react hook form添加控制器时 它给了我 TypeError props render不是一个函数 我在网上找不到任何解决方案 因此感谢任何帮助 impor
  • 使用 useReducers 调度函数发送多个操作?

    使用时是否可以通过调度函数发送多个动作useReducer挂钩反应 我尝试向它传递一组操作 但这会引发未处理的运行时异常 明确地说 通常会有一个初始状态对象和一个减速器 如下所示 const initialState message1 nu
  • 使用模数按字母顺序对列表进行排序

    我在获取元素列表并按字母顺序对它们进行排序方面没有任何问题 但我很难理解如何使用模数来做到这一点 更新 这是按我的方式工作的代码 但是 我更喜欢下面提供的答案的可重用性 因此接受了该答案
  • JavaScript 重定向到新窗口

    我有以下代码 它根据下拉列表的值重定向到页面 我如何使其在新窗口中打开 function goto form var index form select selectedIndex if form select options index
  • 如何将 Google Charts 与 Vue.js 库一起使用?

    我正在尝试使用 Vue js 库使用 Google Charts 制作图表 但我不知道如何添加到 div 这是我尝试做的 这是如何使用普通 javascript 添加图表 这是文档的代码示例 https developers google
  • 跟踪用户何时点击浏览器上的后退按钮

    是否可以检测用户何时单击浏览器的后退按钮 我有一个 Ajax 应用程序 如果我可以检测到用户何时单击后退按钮 我可以显示适当的数据 任何使用 PHP JavaScript 的解决方案都是优选的 任何语言的解决方案都可以 只需要我可以翻译成
  • 将div设置为隐藏,延时后可见

    我试图在 X 时间后 也许甚至在随机时间之后 但现在我们只做固定时间 在黑色背景上出现一个黄色方块 function initialSetup if document getElementById yellow null document
  • 表单计算器脚本基本价格未加载 OnLoad

    我的表单中有一个计算器来计算我的下拉选项选择 function select calculate on change calc input type checkbox calculate on click calc function cal
  • Firefox 书签探索未超过 Javascript 的第一级

    我已经编写了一些代码来探索我的 Firefox 书签 但我只获得了第一级书签 即我没有获得文件夹中的链接 e g 搜索引擎 雅虎网站 谷歌网站 在此示例中 我只能访问 Search engines 和 google com 不能访问 yah
  • Angular 2+ 安全性;保护服务器上的延迟加载模块

    我有一个 Angular 2 应用程序 用户可以在其中输入个人数据 该数据在应用程序的另一部分进行分析 该部分仅适用于具有特定权限的人员 问题是我们不想让未经授权的人知道how我们正在分析这些数据 因此 如果他们能够在应用程序中查看模板 那
  • 如何使用tampermonkey模拟react应用程序中的点击?

    我正在尝试使用 Tampermonkey 脚本模拟对 React 元素的点击 不幸的是 由于 React 有自己的影子 DOM 所以天真的方法使用document querySelector 不工作 我遇到了一些需要修改 React 组件本
  • 为什么在 Internet Explorer 中访问 localStorage 对象会引发错误?

    我正在解决一个客户端问题 Modernizr 意外地没有检测到对localStorageInternet Explorer 9 中的对象 我的页面正确使用 HTML 5 文档类型 并且开发人员工具报告该页面具有 IE9 的浏览器模式和 IE
  • Safari 支持 JavaScript window.onerror 吗?

    我有一个附加到 window onerror 的函数 window onerror function errorMsg url line window alert asdf 这在 firefox chrome 和 IE 中工作正常 但在 s
  • 如何更改此 jquery 插件的时区/时间戳?

    我正在使用这个名为 timeago 的插件 在这里找到 timeago yarp com 它工作得很好 只是它在似乎不同的时区运行 我住在美国东部 费城时区 当我将准确的 EST 时间放入 timeago 插件时 比如 2011 05 28
  • 如何将vue组件插入到contenteditable div中

    我想用 vue 创建简单的所见即所得编辑器 我发现只有一个在 vue js 上创建的真正的所见即所得编辑器 这里是 https quasar dev vue components editor 但我没有发现有插入图像的能力 其他 vue w
  • fullCalendar 未显示正确的结束日期

    我正在看调试页面 http jsbin com wukofacaxu edit js outputFullCalendar 官方网站的 我想安排一个活动时间为 22 09 2015 至 30 09 2015 dd mm yyyy 但它只显示
  • 如何从图像输入中获取 xy 坐标?

    我有一个输入设置为图像类型

随机推荐

  • jar包源码修改

    jar包源码修改 我相信大家在做项目的时候有时候看源码 或者想改源码代码的时候 一定是修改不了滴 今天在这里就告诉大家如何修改源码里面的代码并且从新打成jar包 一 反编译首先是要下个反编译工具 网上有很多啊Jadclipse XJad J
  • 精美博客源码

    这是一个精美的博客源码 原作者找不到了 因为现在跑路了 话不多说 上源码 https qsnb lanzouq com b020llczc 密码 0000 注意 本人非作者 发生一切法律问题不要找我 搭建教程 1 上传源码至文件管理器 2
  • Spring Boot + Vue的网上商城之商品管理

    Spring Boot Vue的网上商城之商品管理 在网上商城中 商品管理是一个非常重要的功能 它涉及到商品的添加 编辑 删除和展示等操作 本文将介绍如何使用Spring Boot和Vue来实现一个简单的商品管理系统 下面是一个实现Spri
  • 实战项目心得

    项目一 电商页面整站开发 HTML css整站开发 编写一个满足电商需求的各个页面 一 用div附以一些dd dt dl ul li的应用布局 整合css 二 用margin padding text indent border等距离进行计
  • 基于ELK的项目日志收集系统

    前言 Beats 是作为ELK技术栈前端数据收集平台的一个开源软件 Beats is the platform for building lightweight open source data shippers for many type
  • 旋转矩阵中6保6_双色球旋转矩阵公式中6保4的

    满意答案 liuerxing 推荐于 2017 10 10 采纳率 51 等级 12 已帮助 6602人 双色球旋转矩阵公式中6保4的选法共是38注 1 2 3 4 5 6 7 8 9 10 11 12 代表选的数字 1 6 8 9 10
  • 4种GC方法+分代回收+触发GC情况+内存申请过程

    引用计数 对象增加一个引用时 引用数 1 减少一个时 引用数 1 当进行垃圾回收时 只回收引用数为0的对象 面对互相引用无解 方法比较老 基本弃用 标记 清除 从根节点遍历标记对象 然后遍历整个堆 清除没有标记的对象 缺点 运行效率不高 产
  • Odoo多公司指南

    启动环境 首先新建一个odoo12环境 并在应用列表中搜索sales并安装 开启多公司功能 打开settings页面 然后点击点击General Settings 接着再勾选Multi companies之后点击保存 页面会重新加载 再次回
  • MSSQL更改数据库文件路径

    MSSQL 数据库文件变更目录 1 变更数据库文件指向 2 关闭数据库 3 移动数据库文件 4 给文件和目录添加NT Service MSSQLSERVER用户的完全控制权限 5 启动数据库 6 注意事项 1 变更数据库文件指向 查到真实名
  • 智慧门店对实体商家的价值始于连接和引流

    刷脸成为了现实 各地实行刷脸的试点都取得成功 刷脸也就这样的走进我们的生活 不需要带手机 钱包 直接选择刷脸 当然 方便的还是无须等待排队 原本一个收银台需要配备一名收银员 所以考虑人力成本收银柜台数量是有限的 但是使用刷脸支付 商家可以同
  • 顺序主子式的英文翻译(定义)

    顺序主子式的英文翻译 定义 为了查明顺序主子式的英文翻译 我在国内知网翻译助手 金山词霸等诸多翻译系统查了一下 给出的答案不外乎以下几个答案 知网翻译助手的答案 我喜欢刨根问底 很明显这样的答案就是中式英语 经过一番努力好 终于找到正确答案
  • Qt 在主界面程序中,调用子界面(另一个界面)的控件

    问题 在主界面程序mainwindow cpp中 想调用子界面 另一个界面 上的控件 已经在 pro工程中添加好了一个设计师界面类作为子界面 这里我在工程中添加的是show netlist dialog cpp h ui 解决步骤 1 在子
  • MYSQL查询一对多的数据表关联,产生重复数据怎么处理

    在 MySQL 中 当进行一对多的数据表关联查询时 有时会导致结果中出现重复数据的情况 这是由于多个关联的子表记录与主表记录进行了笛卡尔积 从而产生了重复的结果 为了处理这种情况 可以使用以下方法之一 使用DISTINCT关键字 可以在查询
  • micropython Esp32 外接LED使用Thonny ValueError: pin can only be input解决办法

    micropython Esp32 外接LED使用Thonny ValueError pin can only be input解决办法 1 连接方式如下图 注意一定要加电阻 2 通过输入以下代码 报错 ValueError pin can
  • 关于vscode调试php

    1 PHP 5 4 0起 CLI SAPI 提供了一个内置的Web服务器 URI请求会被发送到PHP所在的的工作目录 Working Directory 进行处理 除非你使用了 t参数来自定义不同的目录 如果请求未指定执行哪个PHP文件 则
  • 【查询代码提交数】

    后端 shell git log all since 2021 10 01 until 2021 12 31 format aN sort u while read name do echo en name t git log all si
  • draw.io基础使用

    转自 Draw io 一款强大且支持在线编辑和到处的画图软件 转自 https blog csdn net feeltouch article details 105476275
  • Buildroot笔记

    CSDN仅用于增加百度收录权重 排版未优化 日常不维护 请访问 www hceng cn 查看 评论 本博文对应地址 https hceng cn 2019 09 05 Buildroot E7 AC 94 E8 AE B0 more 整理
  • 三菱系统四轴正反转参数_三菱M70四轴调试

    三菱M70四轴安装 放大器 MDS D SVJ3 10 马达型号 HF104 1 放大器的旋钮开关 SW1 X 0 Y 1 Z 2 4轴 3 主轴 4 注 3合一的放大器 4轴 4 2 参数设置 先输入参数修改密码 MPARA 1 基本规格
  • cookie 封装

    npm i universal cookie npm i vueuse integrations 1 新建 utils storage js import useCookies from vueuse integrations useCoo