Spring Cloud Alibaba#34.基于JWT实现前端逻辑

Spring Cloud Alibaba#34.基于JWT实现前端逻辑

本文讲解如何在前端H5结合JWT进行逻辑控制

笔记对应学习视频:

https://www.itlaoqi.com/chapter/2674.html

本节咱们实现基于JWT实现用户登录与VIP精选文章的显示

  • 在gateway网关上增加认证中心auth-service的路由配置

Spring Cloud Alibaba#34.基于JWT实现前端逻辑

  • 在web-portal门户的login.html登录页面增加用户验证的Ajax校验代码

Spring Cloud Alibaba#34.基于JWT实现前端逻辑

  • 假设登录成功,在index页面便可以提取localStorage.token,附加在Ajax请求头获取VIP用户数据

Spring Cloud Alibaba#34.基于JWT实现前端逻辑

  • 后续在article-service的/list接口会对token进行解析,提取User数据,再根据用户级别查询可看文章

Spring Cloud Alibaba#34.基于JWT实现前端逻辑