嵌入 reactjs 應用程序以訪問本地存儲

Question

我有一個使用本地存儲的 Reactjs 應用程序，我希望用戶能夠嵌入我的網站。

我想在我的網站嵌入時訪問它的 localstorage，但我收到以下消息兩次：

DOMException:無法從“Window”讀取“localStorage”屬性：此文檔的訪問被拒絕。

當用戶正常使用我的網站時，我也會使用 localstorage。

當我自己的網站通過 iframe 嵌入時，如何檢查它的本地存儲？

最好我想知道如何在 reactjs 領域內做到這一點，最壞的情況是，我永遠無法檢查本地存儲，他們可以從嵌入中登錄。

如果不可能，我是否可以通過 iframe 中的反應來檢查 cookie？

Answer 1

如果您使用勇敢，則必須啟用“允許所有 cookie”，否則跨站點 cookie 將被阻止。 在這種情況下，訪問 localStorage 的嵌入被視為跨站點 cookie，將被阻止，因此您可以嘗試訪問本地存儲，如果出現該錯誤，您的應用程序知道它在嵌入中。