无法使用Stripe Payment Module在“ DOMWindow”上执行“ postMessage”

Question

我在我的角度应用程序中集成了Stripe付款模块。当我运行该应用程序时，它显示以下错误。

Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://js.stripe.com') does not match the recipient window's origin ('http://localhost:4200').

对此有什么解决办法吗？

Answer 1

可能是你们压缩或聚合了您的网站javascript文件以提高性能。尝试删除压缩或聚合，然后再次测试。

Answer 2

结果是用于输入卡号、CVC 和到期日的占位符没有出现在我们的网络应用程序中。尽管对 https://js.stripe.com 的调用返回了 200，但网络查询显示它处于挂起状态。 （有趣且可能相关，对 Intercom 的 API 调用也将返回 200 tho 待处理）

浏览器：该问题仅发生在 Chrome 67（Firefox 60 和 Safari 11 - 全部在 Mac High Safari 上 - 工作正常）

• 关闭了所有 Chrome 扩展程序 - cc 占位符仍未出现
• 关闭并重新启动 Chrome - 它们出现了。万岁！
• 重新启动的扩展 - browserstack、react、redux - cc 好东西仍然存在 出现
• 关闭并重新启动 Chrome - cc 好东西仍然可见。

鉴于我多年来一直将 Chrome 与上述扩展程序一起使用而没有出现此问题，因此重新启动 Chrome 似乎更有可能解决该问题。时间会证明一切。

Answer 3

我的上次测试证明是有价值的。看来您需要执行屏蔽重定向、代理路由、url 重写或嵌套 iframe 来解决此问题。