条带结帐 css 内容政策错误

Question

我正在尝试在我的 Ionic 应用程序中创建一种 Stripe Checkout 形式。我已经创建了一个将表单植入我的内容视图的指令，但是当我运行它时，css 因违反内容政策而失败：

checkout.js:2Refused to load the stylesheet 'https://checkout.stripe.com/v3/checkout/button-qpwW2WfkB0oGWVWIASjIOQ.css' because it violates the following Content Security Policy directive: "style-src 'self' 'unsafe-inline'". append @ checkout.js:2Button.append @ checkout.js:2(anonymous function) @ checkout.js:2Button.load @ checkout.js:2(anonymous function) @ checkout.js:2(anonymous function) @ checkout.js:2

无论我在内容政策的元标记中定义什么，它都不起作用我做错了什么？

  <meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src * 'self' 'unsafe-inline' localhost:* https://bnc.lt https://api.branch.io amazonaws.com amazonaws.com.cn checkout.stripe.com 'unsafe-eval';">

Answer 1

您的 style-src 允许 self 和 unsafe-inline 它也应该允许 https://checkout.stripe.com

条带结帐 css 内容政策错误

stripe checkout css content policy error

javascript

css

stripe-payments

ionic-framework