文章目录
- 一、前言🚀🚀🚀
- 二、Pinia状态管理库:☀️☀️☀️
-
- [2.1 pinia基本使用](#2.1 pinia基本使用)
-
- [① pinia充当中转站存放token](#① pinia充当中转站存放token)
-
- [② 使用步骤](#② 使用步骤)
- [2.1 axios请求拦截器](#2.1 axios请求拦截器)
一、前言🚀🚀🚀

☀️
回报不在行动之后,回报在行动之中。
这个系列可以叫作《前端系列》,我将把前端工程化所需要的思想,以及所用到的技术,把它用笔记的形式展示出来,请期待这个系列的更新吧。
二、Pinia状态管理库:☀️☀️☀️
2.1 pinia基本使用
① pinia充当中转站存放token

当浏览器登录用户后,会响应一个token,但是如果访问其他组件,将拿不到这个token,所以需要通过一个中转站即pinia来存放token,当登录后将token放到pinia那,然后访问其他组件时就从pinia中取token。
② 使用步骤
登录时先存入token
其他组件页面先取token
2.1 axios请求拦截器

跟响应拦截器非常相似。


