Okta日志显示登录成功却跳转至带code参数的错误页求助

• 检查回调路由配置
  确保Angular路由中存在/login/callback路由，并绑定OktaCallbackComponent。这个组件是Okta处理授权码交换的核心，一旦被误删或修改，登录后的回调请求就会找不到对应页面，直接跳转到错误页。示例路由配置如下：

  import { OktaCallbackComponent } from '@okta/okta-angular';
  
  const routes: Routes = [
    // 其他业务路由
    { path: 'login/callback', component: OktaCallbackComponent },
    { path: 'error', component: ErrorComponent }, // 你的错误页组件
    // 其他路由
  ];
  

• 核对Okta控制台的重定向URI
  登录Okta控制台，进入你的应用设置，确认登录重定向URI与代码中redirectUri完全一致，包括协议（http/https）、域名、端口和路径。比如本地开发环境的URI应为http://localhost:8080/login/callback，任何拼写错误或端口不匹配都会导致回调失败，即使Okta日志显示登录成功。

• 验证PKCE授权配置
  代码中开启了pkce: true，需确保Okta应用的允许授权类型中同时勾选了「Authorization Code」和「PKCE」（在应用「General」标签下的「Client Credentials」区域）。未开启PKCE会导致授权码无法正常交换，触发错误跳转。

• 排查路由模式冲突
  若你的Angular应用启用了哈希路由模式（设置了useHash: true），需同步修改redirectUri为http://localhost:8080/#/login/callback，并在Okta控制台更新对应的重定向URI。哈希模式和路径模式的URI不匹配会导致回调请求被错误路由捕获。

• 确认环境变量有效性
  检查CLIENT_ID和ISSUER环境变量是否正确加载。可在代码中添加日志输出确认值是否正确，空值或错误值会导致Okta认证流程在回调阶段失败。

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