Angular集成Keycloak请求URL异常：指向3p-cookies而非/token

这不是Keycloak的硬编码问题，主要源于版本不兼容和初始化配置不当，以下是具体解决步骤：

1. 修复版本匹配问题 #

你当前使用的keycloak-js@19.0.3与keycloak-angular@12.1.0版本不兼容：keycloak-angular@12.x对应的Keycloak JS版本应为18.x，版本差异会导致身份验证流程异常触发第三方Cookie检测逻辑。

解决方式二选一：

• 降级keycloak-js至18.x版本，比如18.0.2
• 升级keycloak-angular至对应Keycloak 19的版本，比如13.0.0

修改package.json后执行npm install更新依赖。

2. 调整初始化配置，关闭不必要的Cookie检测 #

如果暂时不想调整版本，可在Keycloak初始化配置中关闭iframe登录检查，避免触发3p-cookies相关请求：

import { KeycloakService } from 'keycloak-angular';

export function keycloakInitializer(keycloak: KeycloakService): () => Promise<any> {
  return () => keycloak.init({
    config: {
      url: '你的Keycloak服务地址',
      realm: 'my-realm',
      clientId: '你的客户端ID'
    },
    initOptions: {
      onLoad: 'login-required', // 或'check-sso'，根据需求选择
      checkLoginIframe: false, // 关闭iframe检查，阻止3p-cookies流程触发
      silentCheckSsoRedirectUri: `${window.location.origin}/assets/silent-check-sso.html`
    },
    enableBearerInterceptor: true,
    bearerExcludedUrls: []
  });
}

3. 检查Keycloak服务端客户端配置 #

登录Keycloak后台，确认你的客户端配置正确：

• 确保Access Type设置为public（SPA应用推荐）或confidential
• 验证Valid Redirect URIs已添加你的应用地址（比如http://localhost:4200/*）
• SPA应用需开启Standard Flow Enabled，若需要静默登录可开启Implicit Flow Enabled

补充说明：/3p-cookies/step1.html是Keycloak用于检测浏览器第三方Cookie支持的流程，当checkLoginIframe为true时会自动触发，版本不兼容会导致该流程错误替代正常的token请求流程。

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