ReactJS with react-router瀏覽器歷史問題

Question

我有一個reactjs網站，它使用react-router和browserHistory。

今天我發現一個問題，我不知道如何解決這個問題。 問題是，當我的網站在iframe中打開時，例如在谷歌翻譯頁面。導航在我的網站不再有效每次點擊一個鏈接它給了我這個錯誤：

Uncaught DOMException: Failed to execute 'pushState' on 'History': A history state object with URL 'https://www.mywebsite.com/page' cannot be created in a document with origin 'https://translate.googleusercontent.com' and URL 'https://translate.googleusercontent.com/translate_c?depth=2&hl=fr&prev=sear….com&sl=en&u=https://www.mywebsite.com/&usg=ALkJrhiWY47c812s4y3W0cS1VDZX0xRNqA'. 

有誰知道我怎麼能「修復」呢？

順便說一句，我測試過這種使用最新版本的Chrome和Firefox（均在Windows上）

感謝

Answer 1

這是一個安全的設計。您無法推送歷史狀態跨域。

Mozilla的文件，這個限制相當不錯的位置： https://developer.mozilla.org/en-US/docs/Web/API/History_API