十八、【用户认证篇】安全第一步：基于 JWT 的前后端分离认证方案

前言

到目前为止，我们的测试平台在功能上已经相对完善了，用户可以管理项目、模块、用例、计划，执行测试并查看报告。但是，这一切操作都是在“裸奔”——没有任何用户认证和权限控制。任何人都可以访问和操作所有数据，这在实际生产环境中是绝对不可接受的。

因此，本篇文章将聚焦于为我们的测试平台构建用户认证系统。我们将采用目前前后端分离架构中非常流行的 JWT (JSON Web Token) 认证方案。

在前后端分离的应用中，传统的基于 Session 的认证方式不再适用，因为前端和后端可能部署在不同的域，Session Cookie 的跨域共享会很麻烦。JWT 提供了一种无状态的、基于 Token 的认证机制，非常适合这种场景。

这篇文章将带你：

1. 理解 JWT 的基本概念和工作原理。
2. 在 Django 后端集成 djangorestframework-simplejwt 库，实现用户注册、登录（获取 Token）、Token 刷新和验证的 API。
3. 在前端 Vue3 应用中，调整登录流程以调用新的 JWT 认证 API。
4. 使用 Pinia Store 存储和管理 JWT Token。
5. 配置 Axios 请求拦截器ÿ