使用react-stripe-checkout时违反了同源策略

时间:2017-03-02 15:15:08

标签: reactjs stripe-payments

我使用React 0.15和react-stripe-checkout。使用ReactStripeCheckout组件时,我将在控制台中收到以下错误:

Uncaught DOMException: Failed to read the 'contentDocument' property from 'HTMLIFrameElement': Blocked a frame with origin "http://localhost:3000" from accessing a cross-origin frame.

当我删除ReactStripeCheckout组件时,问题就会消失。

我不确定为什么会发生这种情况,在将此作为Github上的问题发布之前,我想知道是否有其他人遇到类似问题,或者可以立即发现问题。

1 个答案:

答案 0 :(得分:1)

事实证明,出现此问题的原因是我运行的Chrome扩展程序,Recent Tabs。

我应该立即这样做,但是在检查堆栈跟踪时,我发现注入的代码导致了扩展的问题。一旦我禁用了扩展程序,这个问题就会消失。

我选择将其放在一个答案中,因为我可以看到其他人遇到同一问题,意外发生同源策略问题 - 首先检查您的浏览器扩展是否可能是问题的根源。 / p>