【发布时间】: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