Keycloak-Angular重定向异常：登录后跳转至HTTPS而非HTTP

问题根源 #

远程Keycloak以HTTPS部署时，会默认依据自身协议强制转换重定向URL的协议；另外客户端的SSL强制配置也可能触发该问题。

解决方案 #

1. 显式指定重定向地址

在Keycloak初始化配置中，通过redirectUri参数直接声明前端的HTTP地址，覆盖Keycloak的自动推断逻辑：

{
  config: {
    url: 'https://auth.mydomain.com',
    realm: 'mydomain.com',
    clientId: 'frontend'
  },
  initOptions: {
    onLoad: 'login-required',
    redirectUri: 'http://localhost:4200' // 明确指定HTTP重定向地址
  }
}

2. 调整Keycloak客户端配置

登录Keycloak管理控制台，定位到你的前端客户端，修改以下设置：

• Valid Redirect URIs：确保包含http://localhost:4200或http://localhost:4200/*（适配所有子路径）
• Require SSL：将该选项设置为None，允许HTTP协议的重定向请求
• Access Type：确认设置为public（SPA属于公共客户端，无需客户端密钥）

3. 清除浏览器缓存

部分浏览器会缓存重定向记录，建议使用无痕模式测试，或清除浏览器缓存与Cookie后重新尝试。

内容的提问来源于stack exchange，提问作者andymel