ant design pro对接SSO单点登录

公司的SSO采用CAS机制,机制说明:https://www.jianshu.com/p/083c0597e7e0
ant design pro接入SSO时,也踩了一些坑
一、应用服务端
服务端使用了spring boot,spring boot跟CAS的整合可以参考文档:https://blog.csdn.net/jw314947712/article/details/54236216
二、前端
这里有几个坑需要注意:
1、ajax请求返回SSO登录页面,需要修改跳转模式为手动跳转。
2、由于SSO域名与前端域名不同,ajax请求结果并不会出现302返回码。
修改utils下面的request.js文件,设置跳转模式为手动跳转

const defaultOptions = {
    credentials: 'include',
    redirect: 'manual',
    mode: 'cors',
  };

然后在response里面拦截

const checkStatus = response => {
  if (response.type === 'opaqueredirect') {
    window.location.href='https://cas.XXX';
  }
  if (response.status >= 200 && response.status < 300) {
    return response;
  }
  const errortext = codeMessage[response.status] || response.statusText;
  notification.error({
    message: `请求错误 ${response.status}: ${response.url}`,
    description: errortext,
  });
  const error = new Error(errortext);
  error.name = response.status;
  error.response = response;
  throw error;
};
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 主要介绍CAS SSO的认证流程。有关这方面的内容再网上也有很多资料,写这篇总结目的一来是自己在理解这块内容的时候...
    spilledyear阅读 13,283评论 1 17
  • 1. CAS 简介 1.1. What is CAS ? CAS ( Central Authenti...
    人在码途阅读 13,270评论 3 51
  • 每天都在简书潜水,看到简友们兴致勃勃地坚持日更,心里也痒痒的。每天都经历了那么多的事,每天都过着庸俗的生活,没有一...
    丶横竖丿捺阅读 3,339评论 0 1
  • 今天在给家禽打禽流感疫苗时,碰到很多老百姓都不愿意接种疫苗。很普遍的原因就是打了疫苗后,鸡鸭就会停止下蛋。其实,反...
    鹿鹿无畏阅读 3,757评论 0 48
  • 花开是植物的新年 庄重,盛大,热火朝天 更不分白昼星夜 年年花开,不知花可尽兴 总觉人是不尽兴的 它开,我看,不倦...
    晓晨的空间阅读 3,269评论 0 3