条纹支付页面连接不安全问题答案

【问题标题】：Stripe payment page Connection is not secure problem条纹支付页面连接不安全问题
【发布时间】：2022-01-04 13:18:48
【问题描述】：

我使用 react-stripe-checkout npm 来制作捐款支付页面。一切正常。但在某些浏览器中，它会显示Connection is not secure，而某些浏览器在连接时没有显示任何问题。

第二个问题。在控制台中，多次显示错误 -

[仅限报告] 拒绝应用内联样式，因为它违反了遵循内容安全策略指令：“style-src 'self'。启用内联执行需要使用“unsafe-inline”关键字、哈希（“sha256-vm6IzvFZd99ObdwJODb8jyYg2jyzf6SewoA692PD8/A=”）或随机数（“nonce-...”）。

【问题讨论】：

标签： reactjs npm stripe-payments

【解决方案1】：

此Connection is not secure 警告是否显示在 Stripe Checkout 页面或托管您的 Web 应用程序的网站中？如果它在您的网站上，那么您可能需要检查您的 SSL 认证配置。

第二个错误与内容安全策略有关，您可以在此处找到 Stripe CSP 指令https://stripe.com/docs/security/guide#content-security-policy

【讨论】：