当前位置： 首页 > news >正文

vue如何获取 sessionStorage的值,获取token

news 来源：原创 2025/8/4 1:21:49 

// 使用Axios发送请求并处理下载
import axios from 'axios';const handleDownload = () => {const params = {warehouseId: selectedWarehouseId.value};const apiUrl = `/api/materials/wmMatCheck/export-wmMatCheckDetail`;axios.get(apiUrl, {params,responseType: 'blob', // 接收二进制流headers: {'Content-Type': 'application/json', // 根据后端要求调整// 如果你需要携带token等信息'x-token': `Bearer ${getAccessTokenFromSessionStorage()}`}}).then(response => {const blob = new Blob([response.data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });export2Excel(blob, '库存数据.xlsx');}).catch(error => {console.error('下载失败:', error);// 处理错误提示});
};// 从 sessionStorage 中获取 accessToken 的方法const getAccessTokenFromSessionStorage = () => {const tokenStr = sessionStorage.getItem('token');if (tokenStr) {try {const tokenObj = JSON.parse(tokenStr);return tokenObj.accessToken;} catch (error) {console.error('解析 token 时出错:', error);}}return null;
};

另外解释一下

sessionStorage 是浏览器提供的一种本地存储机制，用于在浏览器会话期间临时存储数据。它的特点和与 token 的关系如下：

1. sessionStorage 的特性

  • 生命周期：数据仅在当前浏览器会话（同一标签页 / 窗口）中有效。关闭标签页 / 窗口后，数据会被自动清除。
  • 作用域：每个标签页独立存储，不同标签页之间无法共享数据。
  • 容量：通常为 5-10MB，具体取决于浏览器。

2. token 变化是否会影响 sessionStorage 中的值？

  • 不会自动更新：sessionStorage 中的数据是静态的，如果 token 在应用中被修改（例如通过接口返回新 token），必须手动更新 sessionStorage，否则它仍会保留旧值。
  • 示例：

    javascript

    // 假设后端返回新 token
const newToken = 'new_access_token';
// 手动更新 sessionStorage 中的 token
sessionStorage.setItem('token', JSON.stringify({ accessToken: newToken }));

3. 与 localStorage 的区别

特性sessionStoragelocalStorage
生命周期会话结束后自动清除除非手动删除，否则永久保存
作用域同一标签页 / 窗口同一浏览器同源窗口
数据更新不自动同步（需手动操作）自动同步（所有同源窗口）

4. 实际应用建议

  • token 更新时：如果通过接口获取到新 token，必须显式更新 sessionStorage 中的值，否则后续请求仍会使用旧 token。
  • 避免缓存问题：在每次请求前，确保从 sessionStorage 中重新读取最新 token，而非直接使用内存中的旧值。
  • 存储格式：建议将 token 存储为 JSON 对象（如 { accessToken: 'xxx' }），方便后续扩展（例如存储过期时间）。

总结

sessionStorage 是临时存储，不会自动感知 token 的变化。若需更新 token，必须手动操作 sessionStorage.setItem。

相关文章：

vue如何获取 sessionStorage的值,获取token

// 使用Axios发送请求并处理下载 import axios from axios;const handleDownload () > {const params {warehouseId: selectedWarehouseId.value};const apiUrl /api/materials/wmMatCheck/export-wmMatCheckDetail;axios.get(apiUrl, {params,responseType: blob, // 接…...

编程日记 2025/8/4 1:21:49

图解AUTOSAR_CP_DiagnosticLogAndTrace

AUTOSAR 诊断日志和跟踪(DLT)模块详解 AUTOSAR 经典平台中的诊断和调试关键组件 目录 1. 概述2. DLT模块架构 2.1 模块位置2.2 内部组件2.3 接口定义 3. DLT操作流程 3.1 初始化流程3.2 日志和跟踪消息处理3.3 控制命令处理 4. 数据结构与配置模型 4.1 配置类4.2 消息格式4.3 …...

编程日记 2025/8/4 13:04:22

微调实战 - 使用 Unsloth 微调 QwQ 32B 4bit （单卡4090）

本文参考视频教程：赋范课堂 – 只需20G显存，QwQ-32B高效微调实战！4大微调工具精讲！知识灌注问答风格微调，DeepSeek R1类推理模型微调Cot数据集创建实战打造定制大模型！ https://www.bilibili.com/video/BV1…...

编程日记 2025/7/31 4:57:43

金仓KESV8R6任务调度

基本概念 • 程序（program） 程序对象描述调度器要运行的内容。 • 调度计划（schedule） 调度计划对象指定作业何时运行以及运行多少次。调度计划可以被多个作业共享。 • 作业（job） 作业就是用户定义的…...

编程日记 2025/8/3 23:58:21

Maven常见问题汇总

Maven刷新,本地仓库无法更新 现象 This failure was cached in the local repository and resolution is not reattempted until the update interval of aliyunmaven has elapsed or updates are forced原因 因为上一次尝试下载，发现对应的仓库没有这个maven配置…...

编程日记 2025/7/29 20:35:55

颠覆者的困局：解构周鸿祎商业哲学中的“永恒战争”

引言：被误解的破坏者 在北京海淀区知春路银谷大厦的某间会议室里，周鸿祎用马克笔在白板上画出一个巨大的爆炸图案——这是2010年360与腾讯开战前夜的战术推演场景。这个充满硝烟味的瞬间，恰是《颠覆者》精神内核的完美隐喻：在中国…...

编程日记 2025/7/31 13:58:04

基于ChatGPT、GIS与Python机器学习的地质灾害风险评估、易发性分析、信息化建库及灾后重建高级实践

第一章、ChatGPT、DeepSeek大语言模型提示词与地质灾害基础及平台介绍【基础实践篇】 1、什么是大模型？ 大模型（Large Language Model, LLM）是一种基于深度学习技术的大规模自然语言处理模型。 代表性大模型：GPT-4、BERT、T5、Ch…...

编程日记 2025/7/28 10:36:22

如何实现单点登录？

单点登录（Single Sign-On, SSO）是一种身份验证机制，允许用户在多个应用系统中只登录一次，就能够访问所有受保护的系统或服务，而无需重复登录。SSO通过集中式认证来简化用户的登录体验，提高安全性，并减少管理复杂性。 一、原理 SSO的核心原理是通过一个认证中心（Ident…...

编程日记 2025/7/31 9:43:57

01 Overview

版本pytorch 0.4，应用期的技术 学习的前提 线性代数和概率分布，高数 内容 穷举、贪心、分治算法、动态规划 花书是经典中的经典 机器学习历史 1 基于规则的 2 经典的机器学习方法 3 深度学习 深度学习竞赛识别率超过了人类 神经网络是数学和工…...

编程日记 2025/7/28 22:59:26

第二天 开始Unity Shader的学习之旅之熟悉顶点着色器和片元着色器

Shader初学者的学习笔记 第二天 开始Unity Shader的学习之旅之熟悉顶点着色器和片元着色器 文章目录 Shader初学者的学习笔记前言一、顶点/片元着色器的基本结构① Shader "Unity Shaders Book/Chapter 5/ Simple Shader"② SubShader③ CGPROGRAM和ENDCG④ 指明顶点…...

编程日记 2025/7/30 1:08:19

moveit2基础教程上手-使用xarm6演示

0、前置信息 开发环境：wsl。 ros版本：jazzy，ubuntu版本：24.04 xarm-ros2地址 1、启动Rviz，加载 Motion Planning Plugin，实现演示功能 Getting Started — MoveIt Documentation: Rolling documentation…...

编程日记 2025/7/31 13:55:27

头部姿态估计（Head Pose Estimation）领域，有许多开源工具和库可供选择，一些常用的工具及其特点

在头部姿态估计（Head Pose Estimation）领域，有许多开源工具和库可供选择。以下是一些常用的工具及其特点比较： 1. OpenCV 特点: OpenCV 是一个广泛使用的计算机视觉库，提供了丰富的图像处理和计算机视觉算法。虽然 O…...

编程日记 2025/7/29 14:23:51

Qt调用Miniconda的python方法

1、 Win 64环境下载及安装 Miniconda 首先下载Windows 版Miniconda，https://docs.conda.io/en/latest/miniconda.html或 https://repo.anaconda.com/miniconda/ 安装界面及选择如下图所示： 安装完python3.12版报错如下。 说明：python3.11版…...

编程日记 2025/7/25 17:19:04

【Linux 下的 bash 无法正常解析, Windows 的 CRLF 换行符问题导致的】

文章目录 报错原因：解决办法：方法一：用 dos2unix 修复方法二：手动转换换行符方法三：VSCode 或其他编辑器手动改 总结 这个错误很常见，原因是你的 wait_for_gpu.sh 脚本 文件格式不对，具体来说…...

编程日记 2025/8/1 5:21:27

DSP数字信号处理

数字信号处理（Digital Signal Processing，简称DSP）是一门研究如何通过数字技术对信号进行分析、修改和合成的学科。DSP在现代电子系统中无处不在，广泛应用于音频处理、视频处理、通信、雷达、医学成像等领域。 什么是数字信号处理…...

编程日记 2025/8/3 1:37:07

vue3 获取当前路由信息失败问题

刷新浏览器时获取当前路由信息失败：undefined import { ref, reactive, onMounted } from vue; import { useRoute } from vue-router; const route useRoute();onMounted(()>{// 打印当前路由信息console.log(当前route, route ); // 这里的打印有值console.…...

编程日记 2025/7/29 1:29:51

数据驱动进化：AI Agent如何重构手机交互范式？

如果说AIGC拉开了内容生成的序幕，那么AI Agent则标志着AI从“工具”向“助手”的跨越式进化。它不再是简单的问答机器，而是一个能够感知环境、规划任务并自主执行的智能体，更像是虚拟世界中的“全能员工”。 正如行业所热议的：“大…...

编程日记 2025/7/28 0:27:36

汽车芯片成本控制：挑战、策略与未来趋势

一、引言 随着汽车行业的快速发展，汽车芯片在车辆中的应用越来越广泛。从简单的发动机控制单元到复杂的自动驾驶系统，芯片已成为汽车智能化、电动化的核心部件。然而，汽车芯片的高成本一直是制约汽车行业发展的重要因素之一。本文将深入探讨…...

编程日记 2025/8/2 13:41:22

RIP实验

RIP实验 一、实验背景 RIP协议： RIP协议（Routing Information Protocol，路由信息协议）是一种基于距离矢量的内部网关协议，即根据跳数来度量路由开销，进行路由选择。相比于其它路由协议（如OSPF、…...

编程日记 2025/8/3 23:01:21

NAT 实验：多私网环境下 NAPT、Easy IP 配置及 FTP 服务公网映射

NAT基本概念 定义：网络地址转换（Network Address Translation，NAT）是一种将私有（保留）地址转化为合法公网 IP 地址的转换技术，它被广泛应用于各种类型 Internet 接入方式和各种类型的网络中。作…...

编程日记 2025/8/1 11:51:56

电力和冷却管理：如何让数据中心“高效降温”同时节能增效

电力和冷却管理：如何让数据中心“高效降温”同时节能增效 数据中心作为现代信息技术基础设施的核心，承担着处理、存储和传输海量数据的重任。然而，这些庞大的服务器和存储设备在高速运转时，不仅需要大量电力供应，还产生了大量热量。如何平衡电力消耗与有效冷却，成为了数…...

编程日记 2025/8/2 18:54:10

LangChain Chat Model学习笔记

Prompt templates: Few shot、Example selector 一、Few shot(少量示例) 创建少量示例的格式化程序 创建一个简单的提示模板，用于在生成时向模型提供示例输入和输出。向LLM提供少量这样的示例被称为少量示例，这是一种简单但强大的指导生成的方式&…...

编程日记 2025/7/30 0:02:00

嵌入式硬件篇---Keil51中的关键字

文章目录 前言1. 存储类型关键字1.1code作用地址范围用途示例 1.2data作用地址范围用途示例 1.3idata作用地址范围用途示例 1.4xdata作用地址范围用途示例 1.5pdata作用地址范围用途示例 1.6volatile作用用途示例 2. 其他常用关键字2.1bit作用示例 2.2sbit作用示例 2.3sfr / sf…...

编程日记 2025/7/31 9:17:14

《TCP/IP网络编程》学习笔记 | Chapter 20：Windows 中的线程同步

《TCP/IP网络编程》学习笔记 | Chapter 20：Windows 中的线程同步 《TCP/IP网络编程》学习笔记 | Chapter 20：Windows 中的线程同步用户模式和内核模式用户模式同步内核模式同步 基于 CRITICAL_SECTION 的同步内核模式的同步方法基于互斥量对象的同步基于…...

编程日记 2025/7/29 12:16:21

MyBatis 中 #{} 和 ${} 的区别详解

目录 1. #{} 和 ${} 的基本概念 1.1 #{} 1.2 ${} 2. #{} 和 ${} 的工作原理 2.1 #{} 的工作原理 2.2 ${} 的工作原理 3.共同点：动态 SQL 查询 4. 区别：处理方式和适用场景 4.1 处理方式 4.2 适用场景 （1）#{} 的适用场景…...

编程日记 2025/7/31 14:14:21

C++学习之网盘项目单例模式

目录 1.知识点概述 2.单例介绍 3.单例饿汉模式 4.饿汉模式四个版本 5.单例类的使用 6.关于token的作用和存储 7.样式表使用方法 8.qss文件中选择器介绍 9.qss文件样式讲解和测试 10.qss美化登录界面补充 11.QHTTPMULTIPART类的使用 12.文件上传协议 13.文件上传协议…...

编程日记 2025/8/4 10:42:35

Lineageos 22.1(Android 15)制定应用强制横屏

一、前言 有时候需要系统的某个应用强制衡平显示，不管他是如何配置的。我们只需要简单的拿到top的Task下面的ActivityRecord，并判断包名来强制实现。 二、调整wms com.android.server.wm.DisplayRotation /*** Given an orientation constant, return…...

编程日记 2025/7/26 6:47:42

基于deepseek的智能语音客服【第四讲】封装milvus数据库连接池封装

通过工厂模式创建链接 static {// 创建连接池工厂BasePooledObjectFactory<MilvusServiceClient> factory new BasePooledObjectFactory<MilvusServiceClient>() {Overridepublic MilvusServiceClient create() throws Exception {return new MilvusServiceClient…...

编程日记 2025/8/1 8:08:11

【GeeRPC】项目总结：使用 Golang 实现 RPC 框架

文章目录 项目总结&#xff1a;使用 Golang 实现 RPC 框架谈谈 RPC 框架什么是 RPC 框架实现一个 RPC 框架需要什么&#xff1f;项目总结文章结构安排 Part1&#xff1a;消息编码编解码器的实现通信过程 Part2&#xff1a;服务端Accept&#xff1a;阻塞地等待连接请求并开启 go…...

编程日记 2025/8/1 5:43:59

人工智能在医疗影像诊断中的应用与挑战

引言 近年来&#xff0c;人工智能&#xff08;AI&#xff09;技术在医疗领域的应用逐渐成为研究热点&#xff0c;尤其是在医疗影像诊断方面。AI技术的引入为医疗影像诊断带来了更高的效率和准确性&#xff0c;有望缓解医疗资源紧张的问题&#xff0c;同时为患者提供更优质的医疗…...

编程日记 2025/7/30 14:05:17

烧结银技术赋能新能源汽车超级快充与高效驱动

烧结银技术赋能新能源汽车超级快充与高效驱动 在新能源汽车领域&#xff0c;高压快充技术的突破与高功率密度驱动系统的创新正成为行业竞争的焦点。比亚迪于 2025 年发布的超级 e 平台&#xff0c;通过整合全域千伏高压架构、兆瓦级闪充技术及碳化硅&#xff08;SiC&#xff0…...

编程日记 2025/8/2 13:31:41

大模型幻觉产生的【九大原因】

知识问答推理幻觉产生的原因 1.知识库结构切割不合理 大段落切割向量化 切分太小可以实现更精准化的回复内&#xff0c;向量匹配相似度越高。检索内容碎片化严重、可能包含不符合内容的文本数据。切分太大内容资料更完整&#xff0c;但是会影响相似度&#xff0c;同时更消耗资…...

编程日记 2025/7/31 4:38:29

4小时速通shell外加100例

&#x1f525; Shell 基础——从入门到精通 &#x1f680; &#x1f331; 第一章&#xff1a;Shell&#xff0c;简单说&#xff01; &#x1f476; 什么是Shell&#xff1f;它到底能做什么&#xff1f;这章让你快速了解Shell的强大之处&#xff01; &#x1f476; 什么是Shell…...

编程日记 2025/7/31 20:40:48

AD(Altium Designer)更换PCB文件的器件封装

一、确定是否拥有想换的器件PCB封装 1.1 打开现有的原理图 1.2 确定是否拥有想换的器件PCB文件 1.2.1 如果有 按照1.3进行切换器件PCB封装 1.2.2 如果没有 按照如下链接进行添加 AD(Altium Designer)已有封装库的基础上添加器件封装-CSDN博客https://blog.csdn.net/XU15…...

编程日记 2025/7/23 1:27:09

Postgresql 删除数据库报错

1、删除数据库时&#xff0c;报错存在其他会话连接 ## 错误现象&#xff0c;存在其他的会话连接正在使用数据库 ERROR: database "cs" is being accessed by other users DETAIL: There is 1 other session using the database.2、解决方法 ## 终止被删除数据库下…...

编程日记 2025/7/28 22:59:27

人工智能时代——深度探索如何构建开放可控的专利生态体系

# 人工智能时代——深度探索如何构建开放可控的专利生态体系 引言&#xff1a;AI专利革命的战略抉择第一章 战略认知与基本原则1.1 人工智能专利革命的范式重构1.1.1 技术维度变革1.1.2 法律维度挑战1.1.3 文明安全的不可控风险 1.2 战略定位体系构建1.2.1 双循环治理框架的立体…...

编程日记 2025/8/1 8:44:07

✨【数据变形术：联合体在通信协议中的降维打击】✨

&#xff08;万字长文详解联合体的二进制魔法与工程实践&#xff09; &#x1f52e; 原理解析&#xff1a;内存空间的量子叠加态 文字叙述&#xff1a; 联合体&#xff08;union&#xff09;是C语言中最具魔法的数据结构&#xff0c;其所有成员共享同一块内存空间。这种特性使…...

编程日记 2025/7/30 10:59:34

docker compose部署minio报错

背景 部分服务使用docker-compose单节点编排&#xff0c;其中对象存储服务使用minio&#xff0c;在minio中配置了aksk后报错 Error: IAM sub-system is partially initialized, unable to write the IAM forma 解决 minio如果配置了aksk等iam类的配置则需要持久化存储到etcd…...

编程日记 2025/7/28 12:12:46

软件开发通用之状态机初认识-基本概念及简单应用

0 前言 在程序开发阶段&#xff08;其实也不限于程序&#xff0c;还包含硬件电路设计&#xff0c;协议设计等&#xff09;&#xff0c;无论使用何种语言&#xff0c;何种工具&#xff0c;何种系统&#xff0c;程序的运行必须符合开发者的预设逻辑&#xff0c;而单独通过大脑记…...

编程日记 2025/8/2 9:52:28

蓝桥杯 之 第27场月赛总结

文章目录 习题1.抓猪拿国一2.蓝桥字符3.蓝桥大使4.拳头对决 习题 比赛地址 1.抓猪拿国一 十分简单的签到题 print(sum(list(range(17))))2.蓝桥字符 常见的字符匹配的问题&#xff0c;是一个二维dp的问题&#xff0c;转化为对应的动态规划求解 力扣的相似题目 可以关注灵神…...

编程日记 2025/7/27 12:03:04

适配器模式 (Adapter Pattern)

适配器模式 (Adapter Pattern) 是一种结构型设计模式，它将一个类的接口转换成客户希望的另外一个接口，使得原本由于接口不兼容而不能一起工作的类可以一起工作。 在现实生活中，适配器的例子随处可见，比如电源适配器，它将不同电压的电流转换为设备所需的电压，确保设备能正…...

编程日记 2025/8/4 11:27:38

操作系统WIN11无法出现WLAN图标（解决方案）

本人操作系统WIN11之后无网络图标 于是在设置里查看了一下&#xff0c;是网卡驱动没了 网上去下载一个驱动类软件自行处理即可。 本人使用手机USB网络连的电脑&#xff0c;然后发现网卡驱动凭空出现了&#xff0c;就很困惑&#xff0c;没有下载驱动就恢复了。...

编程日记 2025/7/27 7:21:21

HCL—我与虚拟机的爱恨情仇[特殊字符][特殊字符]‍[特殊字符]️

时隔了三周&#xff0c;我可能算是了解了虚拟机了吧。自从上一次的安装虚拟机&#xff0c;我与HCL、虚拟机就没有停止过纠缠。 为什么很多win11电脑使用不了HCL&#xff0c;或者无法启动HCL设备&#xff1f; 首先来解答&#xff0c;为什么很多win11电脑使用不了HCL&#xff0c…...

编程日记 2025/7/24 1:12:38

illustrate：一款蛋白/核酸结构快速渲染为“卡通风格”的小工具

本期向大家介绍一款蛋白/核酸结构快速渲染&#xff08;卡通风格&#xff09;的小工具——illustrate。放心&#xff01;本期完全不涉及代码&#xff0c;不折腾人&#xff0c;请放心食用。 结构渲染效果示例如下&#xff1a; PDB ID: 1ttt 该小工具适用绘制蛋白或复合物整体轮廓…...

编程日记 2025/8/2 18:42:40

Linux上位机开发实战（能用的开发板计算资源）

【 声明&#xff1a;版权所有&#xff0c;欢迎转载&#xff0c;请勿用于商业用途。 联系信箱&#xff1a;feixiaoxing 163.com】 大家所能想到的嵌入式上位机开发&#xff0c;如果是linux&#xff0c;同时涉及到嵌入式的话&#xff0c;一般都会认为是把pc linux的软件port到板子…...

编程日记 2025/7/30 10:42:42

kotlin 内联函数 inline

高阶函数实现的原理&#xff1a;函数类型其实是生成了一个对象 。 inline翻译成中文的意思就是内联&#xff0c;在kotlin里面inline被用来修饰函数&#xff0c;表明当前函数在编译时是以内嵌的形式进行编译的&#xff0c;从而减少了一层函数调用栈&#xff1a; inline fun fun…...

编程日记 2025/8/4 5:31:13

vue3配置代理实现axios请求本地接口返回PG库数据【前后端实操】

前端编写 安装 axios 如果当前未安装axios&#xff0c;可以执行如下指令安装 npm install axios配置代理 当前为基于Vite构建的项目&#xff0c;在 vite.config.ts 中配置代理&#xff0c;在defineConfig中新增server配置&#xff0c;主要关注两个点&#xff1a; 一、需要代…...

编程日记 2025/7/29 23:53:24

论文阅读：2023 arxiv Multiscale Positive-Unlabeled Detection of AI-Generated Texts

总目录 大模型安全相关研究：https://blog.csdn.net/WhiffeYF/article/details/142132328 Multiscale Positive-Unlabeled Detection of AI-Generated Texts https://arxiv.org/abs/2305.18149 https://www.doubao.com/chat/2114270649152258 https://github.com/YuchuanTi…...

编程日记 2025/7/24 23:36:29

【数学建模】最大最小值模型详解

数学建模中的最大最小值模型详解 文章目录 数学建模中的最大最小值模型详解引言最大最小值模型的基本概念最大化问题最小化问题 常见的求解方法1. 微积分法2. 线性规划3. 非线性规划4. 动态规划 实际应用案例案例1&#xff1a;生产规划问题案例2&#xff1a;投资组合优化 最大最…...

编程日记 2025/8/1 7:50:50

Camera2 实现重力感应四个方向调试相机预览

Camera2API 实现重力感应四个方向调试相机预览 文章目录 需求场景 需求实现setAspectRatio 设置显示长宽postScale postRotate 设置缩放和旋转manager.openCamera 打开相机startPreviewgetPreviewRequestBuilder 设置预览参数&#xff1a;createCaptureSession 预览准备工作set…...

编程日记 2025/7/31 13:55:15