条纹结帐 css 内容策略错误

Ofe*_*hap 6 javascript css stripe-payments ionic-framework

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

checkout.js:2拒绝加载样式表 ' https://checkout.stripe.com/v3/checkout/button-qpwW2WfkB0oGWVWIASjIOQ.css ' 因为它违反了以下内容安全策略指令:“style-src 'self' 'unsafe-排队'”。追加@checkout.js:2Button.append@checkout.js:2(匿名函数)@checkout.js:2Button.load@checkout.js:2(匿名函数)@checkout.js:2(匿名函数)@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';">
Run Code Online (Sandbox Code Playgroud)

Mat*_*kin 5

style-src允许self并且unsafe-inline它也应该允许https://checkout.stripe.com