Adyen支付集成：支付成功后重定向异常问题排查

核心问题 #

你的代码中onPaymentCompleted回调仅做日志打印，未实现跳转逻辑。Adyen Web SDK不会自动触发页面跳转，所有跳转行为需要开发者在回调中手动处理。

排查与修复步骤 #

• 确认后台配置的跳转URL有效性
  检查Adyen后台配置的成功页面URL是否为完整的HTTPS地址、无拼写错误，且与当前环境（测试/生产）匹配。

• 修改onPaymentCompleted回调，添加跳转逻辑
  在支付成功（result.resultCode === "Authorised"）时，手动执行页面跳转。示例代码如下：

  onPaymentCompleted: (result, component) => {
      console.info(result, component);
      // 支付成功后跳转到目标页面
      if (result.resultCode === "Authorised") {
          // 替换为你后台配置的成功页面URL
          window.location.href = "https://your-success-page-url.com";
      }
  },
  

• 验证Session模式的returnUrl配置
  若使用Session模式，需确认后端创建Session时是否正确传入了returnUrl参数；Adyen后台的URL配置可能会被Session中的returnUrl覆盖，需保持两者一致。

• 检查前端逻辑是否阻塞跳转
  确认支付完成后没有其他前端代码（如弹窗、异步请求）阻塞页面跳转动作。

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