理解身份验证流程
内容提要
身份验证流程用于确认用户身份并管理应用访问权限。在React中，用户注册和登录后，服务器会发送访问令牌和刷新令牌。访问令牌短期有效，刷新令牌用于获取新访问令牌，存储在localStorage中。用户每次请求时附带访问令牌，若过期则使用刷新令牌请求新令牌，以确保流畅的用户体验。
延伸解读
访问令牌与刷新令牌的分工
文章指出访问令牌有效期仅5分钟，用于每次请求的身份证明；刷新令牌则长期有效，专门在访问令牌过期后换取新令牌。这种设计平衡了安全与体验：短寿命的访问令牌降低泄露风险，而刷新令牌避免用户频繁登录。开发者需注意，刷新令牌本身也可能过期，届时必须重新登录。
令牌存储与请求头机制
令牌通过localStorage的setItem()存储、getItem()读取，并在每次请求时附加到Authorization头。这要求前端在发起任何需要认证的请求前，确保已从localStorage取出有效令牌。若令牌缺失或格式错误，服务器可能直接返回401，因此统一封装请求逻辑有助于减少重复代码。
401错误的处理逻辑
当服务器返回401，表明访问令牌已过期。应用应自动使用刷新令牌请求新访问令牌，并重新发送原请求，从而不中断用户操作。若刷新令牌也失效，则需重定向到登录页。这一流程的关键在于区分两种401场景，并避免在刷新令牌失败时陷入无限重试循环。
Q&A
身份验证流程的主要目的是什么？
身份验证流程用于确认用户身份并管理应用访问权限。
在React中，用户登录后会收到什么？
用户登录后，服务器会发送访问令牌和刷新令牌。
访问令牌和刷新令牌有什么区别？
访问令牌是短期有效的，用于访问应用功能；刷新令牌是长期有效的，用于获取新访问令牌。
如何在浏览器中存储令牌？
可以使用localStorage的setItem()方法存储令牌，使用getItem()方法检索。
如果访问令牌过期，应用会如何处理？
应用会使用刷新令牌请求新访问令牌，如果刷新令牌也过期，则重定向用户登录。
为什么需要在请求中附加访问令牌？
附加访问令牌可以告诉服务器用户已登录并被允许执行该操作。
