Keycloak React初始化报错：缺少code_challenge_method参数求助

当你配置了PKCE的S256但仍遇到这个错误，说明授权请求中未正确传递code_challenge_method参数，主要是以下几个配置遗漏或错误导致：

1. 补充前端初始化的关键配置项 #

PKCE依赖授权码流程，你需要确保配置中指定正确的响应类型，部分旧版本Adapter还需显式开启PKCE：

const keycloakConfig = {
  url: "http://localhost:8081/auth",
  realm: "project-realm",
  clientId: "project-client",
  responseType: "code", // 必须指定为授权码类型，PKCE仅适用于该流程
  enablePKCE: true,     // 旧版本Adapter需显式开启，新版本可省略但建议加上
  pkceMethod: "S256",
};

2. 验证Keycloak后台客户端配置 #

前端配置正确的前提下，需确认后台客户端的PKCE设置：

• 登录Keycloak管理控制台，进入project-realm的project-client配置页
• 确保Access Type设置为public（PKCE专为无法安全存储密钥的公开客户端设计）
• 检查Advanced Settings中的Proof Key for Code Exchange Code Challenge Method已设为S256，且未禁用PKCE功能

3. 适配Keycloak Adapter版本差异 #

不同版本的JS Adapter对PKCE的配置要求不同：

• Keycloak 18及以上版本：默认支持PKCE，只需指定responseType: "code"和pkceMethod: "S256"即可
• 低于18的版本：必须添加enablePKCE: true，否则会忽略PKCE相关配置

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