【问题标题】:Stripe Firefox Chrome Extension redirect url not workingStripe Firefox Chrome 扩展重定向 URL 不起作用
【发布时间】:2021-03-02 11:44:06
【问题描述】:

似乎这个问题已经被问过很多次了,但每次都有稍微不同的答案,不适用。我正在使用 chrome 扩展并尝试将其移植到 Firefox。它是一个使用 HTML 页面加载我的 App.js 的 react-app。

我的 manifest.json:

  "web_accessible_resources": ["images/*"],
  "content_security_policy": "script-src 'self' https://apis.google.com/; script-src-elem https://js.stripe.com; object-src 'self'"
}

我的 HTML 文件:

...
  <div id="root"> </div>
  <script src="https://js.stripe.com/v3/"></script>
  <script src="App.js"></script>
</body>

我的 App.js 文件:

import { loadStripe } from "@stripe/stripe-js";

 if (sessionId) {
        // We have a session, let's redirect to Checkout
        // Init Stripe
        const stripe = loadStripe(STRIPE_PUBLISHABLE_KEY);
        stripe.redirectToCheckout({ sessionId });
      }

它失败了,因为它一直说以下错误:

我无法弄清楚问题是什么,希望得到一些帮助!

【问题讨论】:

  • script-src-elem 似乎不是 Chrome 扩展的有效 CSP 指令。尝试使用 script-src 代替 stripe.js:stripe.com/docs/security/guide#content-security-policy
  • 同样的问题...Content Security Policy: The page’s settings blocked the loading of a resource at https://js.stripe.com/v3/ (“script-src”).

标签: javascript reactjs firefox google-chrome-extension stripe-payments


【解决方案1】:

当我删除 apis.google.com 后,这个问题得到了解决——以防将来有人需要这个,然后条带开始工作。

【讨论】:

    猜你喜欢
    • 2012-08-17
    • 2014-08-17
    • 1970-01-01
    • 1970-01-01
    • 2011-08-18
    • 2014-11-15
    • 2015-10-12
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多