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

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

article 2025/1/6 10:24:32

文章目录

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

一、前言🚀🚀🚀

在这里插入图片描述

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

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

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

2.1 pinia基本使用

① pinia充当中转站存放token

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

② 使用步骤

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

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

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

2.1 axios请求拦截器

  
在这里插入图片描述

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

在这里插入图片描述

在这里插入图片描述

  
  

  
  
Alt


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

相关文章：

  • 记录安装Homebrew，php，依赖
  • 基于springboot的课程作业管理系统(源码+数据库+文档)
  • C++语言编程————C++的输入与输出
  • Postman[7] 内置动态参数及自定义的动态参数
  • 简易Type-C拉取5V/3A电流电路分享
  • Linux中隐藏操作身法
  • 测试岗位面试常见的数据库问题及解答
  • gitlab高级功能之 CICD Steps
  • 微前端Webpack集成Vite子应用避坑指南
  • 微信小程序获取后端数据
  • PS4代理伺服器指南
  • JavaScript 基础2
  • 【网络安全】PostMessage：分析JS实现XSS
  • .e01, ..., .e0n的分卷压缩包怎么解压
  • 多目标优化算法——基于分解的多目标进化算法（MOEA-D）
  • [C++]vector（超详细）
  • Docker入门常用命令总结
  • 软考教材重点内容 信息安全工程师 第 12 章网络安全审计技术原理与应用
  • 牛客网刷题 ——C语言初阶——OR76 两个整数二进制位不同个数
  • 计算效率提升 10 倍，存储成本降低 60%，灵犀科技基于 Apache Doris 建设统一数据服务平台
  • Swift Combine 学习（三）：Subscription和 Subscriber
  • React Router 用法概览
  • Redis的数据过期清除策略
  • 周亚辉投资笔记2025系列第1篇：机器人时代的社会结构模型与十年后中国首富预测
  • xdoj ROT13加密
  • 【现代摄像头作为一种视频输入摄像头】