stripe checkout css ошибка политики содержимого

Question

Я пытаюсь создать форму Stripe Checkout внутри моего приложения Ionic. я создал директиву, завод форме в моей точки зрения содержания, но когда я запускаю его, CSS не работает на нарушение содержания политики:

checkout.js: 2Refused для загрузки таблицы стилей «https://checkout.stripe.com/v3/checkout/button-qpwW2WfkB0oGWVWIASjIOQ.css» потому что он нарушает следующую директиву политики безопасности содержимого: «style-src» self «небезопасно-встроенный». append @ 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';"> 

Answer 1

Ваш style-src позволяет self и unsafe-inline он должен также позволить https://checkout.stripe.com