Umi与Keycloak整合
 
刚开始使用umi时,使用umi官方提供的命令生成项目,并且其中使用了ant design pro的样式,其中会帮忙生成一些页面,例如页面框架及用户登陆页面
 
但,目前是想将keycloak整合到系统中,所以需要引入keycloak至项目中,我目前的做法是通过routes.ts中的路由中查看到,大部分的页面都是使用SecurityLayout的,那么就从这个Component入手
Umi与Keycloak整合

 

 

 
在componentDimMount的事件中,直接调用keycloak的初始化事件,如果没有登陆则直接转入login页面
Umi与Keycloak整合

 

 

 
 
存放在utils中的keycloak.ts如下
Umi与Keycloak整合

 

 

 
在http发送请求前,将token加入至请求中
Umi与Keycloak整合

 

 

 
 
整体处理流程
Umi与Keycloak整合

 

 

 

相关文章:

  • 2021-12-13
  • 2021-12-16
  • 2021-08-03
  • 2022-12-23
  • 2021-06-06
  • 2021-12-31
  • 2022-12-23
猜你喜欢
  • 2022-02-27
  • 2021-09-12
  • 2021-08-18
  • 2022-12-23
  • 2022-12-23
  • 2021-11-17
  • 2022-12-23
相关资源
相似解决方案