带React的Stripe Connect

Question

我正在尝试遵循Stripe文档在React应用程序中设置Connect。

我添加了端点URI，当用户完成提供必要信息后，Stripe将它们发送回我的redirect_uri地址并提供授权码。

我的网址看起来像这样

http://localhost:3000/upload?code={AUTHORIZATION_CODE}&state=abcde12345

我进入第3步，被卡住了。

在componentDidMount中，我正在尝试以下操作

componentDidMount() {
    window
      .fetch("https://connect.stripe.com/oauth/token", {
        method: "post",
        headers: {
          Accept: "application/json",
        },
        body: JSON.stringify({
          code: this.props.query.code,
          grant_type: "authorization_code"
        })
      })
      .then(response => console.log(response));
  }

但是出现以下错误

我处于测试模式，因此不确定在仪表板中是否存在我未正确设置的内容或其他内容。

这是我在“连接”仪表板设置中看到的内容

我需要提交帐户申请才能使其正常工作吗？

Answer 1

所以这里的问题是，您的请求中缺少access-control-allow-origin头。您可以将此行添加到标题中：

headers: {
          Access-Control-Allow-Origin:: "https://connect.stripe.com",
        },

或者您现在可以使用https://www.npmjs.com/package/stripe。这样应该更方便。 不要忘记在https://dashboard.stripe.com/settings/applications上设置重定向URI。

我在条纹上苦苦挣扎，发现了你的问题。我认为您不需要我的回答，但也许有人需要。