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

【前端系列02】Pinia状态管理库

article 2025/1/8 13:25:57

文章目录

  • 一、前言🚀🚀🚀
  • 二、Pinia状态管理库：☀️☀️☀️
    • 2.1 pinia基本使用
      • ① pinia充当中转站存放token
        • ② 使用步骤
    • 2.1 axios请求拦截器
    • 2.1 Pinia持久化插件-persist

一、前言🚀🚀🚀

在这里插入图片描述

☀️
回报不在行动之后，回报在行动之中。

这个系列可以叫作《前端系列》，我将把前端工程化所需要的思想，以及所用到的技术，把它用笔记的形式展示出来，请期待这个系列的更新吧。

二、Pinia状态管理库：☀️☀️☀️

2.1 pinia基本使用

① pinia充当中转站存放token

在这里插入图片描述
  当浏览器登录用户后，会响应一个token，但是如果访问其他组件，将拿不到这个token，所以需要通过一个中转站即pinia来存放token，当登录后将token放到pinia那，然后访问其他组件时就从pinia中取token。

② 使用步骤

在这里插入图片描述
在这里插入图片描述

登录时先存入token
在这里插入图片描述

其他组件页面先取token
在这里插入图片描述
  
  

2.1 axios请求拦截器

  
在这里插入图片描述

跟响应拦截器非常相似。
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

  

2.1 Pinia持久化插件-persist

在这里插入图片描述
在这里插入图片描述

  

  
  
Alt


http://www.kler.cn/a/471592.html

相关文章：

  • LabVIEW调用不定长数组 DLL数组
  • Linux系统自动化sh脚本
  • 后台管理系统引导功能的实现
  • Blazor用户身份验证状态详解
  • 【pyqt】（四）Designer布局
  • 大数据高级ACP学习笔记（2）
  • 回归预测 | MATLAB实现CNN-SVM多输入单输出回归预测
  • 云打印之快手打印组件交互协议
  • jenkins入门5 Manage Jenkins
  • PyQt5 UI混合开发，控件的提升
  • Travis CI/CD 功能详解
  • ES中的仓库和快照
  • 快速排序(霍尔法)，冒泡排序 【C语言】
  • PHP：PHP脚本通过正则表达式动态修改指定文件下的php文件的sql内容加入指定条件enable_flag = ‘Y‘(“Y“)
  • JSON Schema属性使用汇总
  • Python入门教程 —— 文件操作
  • 对比式机器学习揭示了跨物种共享和特异性的脑功能结构|文献速递-视觉大模型医疗图像应用
  • AI生成前端页面：解放前端开发，拥抱AI时代的高效
  • 【深入理解Mysql】
  • 《Python趣味编程》专栏介绍与专栏目录
  • 常用存储器介绍
  • ros2-4.1 服务通信介绍
  • 【git命令】--- git经典常用操作命令大全
  • 实时计算 Flink 版：赋能数据驱动，让决策快人一步
  • 英语外刊写作积累（2024.09）
  • JavaWeb—Servlet详解