Node.js环境下Stripe Checkout脚本未向服务器发送token问题

我之前也碰到过类似的情况，既然服务器端已经验证没问题，那大概率是客户端的Stripe集成环节漏了关键步骤，尤其是Token生成与表单注入的逻辑出了问题。咱们一步步来排查：

1. 先确认Stripe.js的加载是否正确 #

你贴的代码里Stripe脚本的引入没写完，这是基础中的基础：

• 如果用的是当前推荐的Stripe.js v3，必须正确引入：

<script src="https://js.stripe.com/v3/"></script>

• 如果是旧版v2（不推荐，但部分项目仍在使用）：

<script src="https://checkout.stripe.com/checkout.js"></script>

2. 核心问题：确保Token生成后被注入表单 #

直接让表单默认提交是不会自动带上Stripe Token的，必须在提交前先调用Stripe接口生成Token，再把Token塞进表单里一起提交。这里给你一个适配你场景的完整v3示例：

<body>
  <h1>Stripe Test Playground</h1>
  <!-- 给表单加个ID方便监听事件 -->
  <form id="payment-form" action="/charge" method="POST">
    <!-- Stripe卡片输入元素的容器 -->
    <div id="card-element" style="border:1px solid #ccc; padding:10px; margin:10px 0;"></div>
    <!-- 用来显示卡片输入错误 -->
    <div id="card-errors" role="alert" style="color:red;"></div>
    <button type="submit">完成支付</button>
    <!-- 隐藏输入框：专门用来存生成的Stripe Token，提交给服务器 -->
    <input type="hidden" name="stripeToken" id="stripe-token-input">
  </form>

  <script src="https://js.stripe.com/v3/"></script>
  <script>
    // 用你的测试公钥初始化Stripe
    const stripe = Stripe('pk_test_你的测试公钥');
    const elements = stripe.elements();

    // 创建并挂载卡片输入元素
    const cardElement = elements.create('card');
    cardElement.mount('#card-element');

    // 监听表单提交事件
    const form = document.getElementById('payment-form');
    form.addEventListener('submit', async (e) => {
      e.preventDefault(); // 阻止表单默认提交，先处理Token生成

      // 调用Stripe接口生成Token
      const { token, error } = await stripe.createToken(cardElement);

      if (error) {
        // 显示卡片输入错误
        const errorElement = document.getElementById('card-errors');
        errorElement.textContent = error.message;
      } else {
        // 把Token赋值给隐藏输入框
        document.getElementById('stripe-token-input').value = token.id;
        // 手动提交表单，此时Token就会一起发到服务器了
        form.submit();
      }
    });
  </script>
</body>

3. 额外排查点 #

• 打开浏览器开发者工具（F12）的Console标签，看看有没有Stripe相关的报错（比如初始化失败、元素创建失败），这些错误会直接导致Token生成失败；
• 如果用的是Stripe Checkout弹窗模式，要确保是通过Stripe的token回调来处理提交，而不是直接用表单默认提交；
• 可以在Token生成后加个console.log(token.id)，确认Token确实生成了，再检查隐藏输入框是否被正确赋值。

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