本地開發遇到「Uncaught DOMException: Failed to read the 'localStorage' property from 'Window': Access is denied for this document.」

發表於 2022-01-10 分類於雜談

Google AD

撰寫一篇文章其實真的很花時間，如果你願意「關閉 Adblock (廣告阻擋器)」來支持我的話，我會非常感謝你ヽ(・∀・)ﾉ

Liker 讚賞

這篇筆記文章如果對你有幫助，
你可以考慮花 30 秒登入 LikeCoin 並點擊下方拍手按鈕(最多五下)免費支持與鼓勵我。
或者你可以也可以請我「喝一杯咖啡(Donate)」。

｜

最近遇到一個很特別的狀況，也就是在本地開發時 localStorage 會噴「Uncaught DOMException: Failed to read the 'localStorage' property from 'Window': Access is denied for this document.」這個錯，所以紀錄一下這個問題。

前言

最近遇到一個很特別的狀況，也就是在本地開發時 localStorage 會噴「Uncaught DOMException: Failed to read the 'localStorage' property from 'Window': Access is denied for this document.」這個錯，所以紀錄一下這個問題。

問題點

找了一份有使用 localStorage 開發的專案，然後使用 Live Server 等模擬伺服器開啟之後，開啟瀏覽器輸入 http://localhost:5500/，接下來就會在 Console 控制台看到以下錯誤訊息

Uncaught DOMException: Failed to read the ‘localStorage’ property from ‘Window’: Access is denied for this document.
Uncaught DOMException: Failed to read the ‘sessionStorage’ property from ‘Window’: Access is denied for this document.

Failed to read the xxxxx property from Window: Access is denied for this document

解決方式

解決方式非常簡單，只需要將該網域加入到允許網域內就可以正常運作了

允許 Cookie

但有趣的事情是，第三方 Cookie 封鎖的現象只會在 http://localhost:5500/ 這個網域，而不會在 http://127.0.0.1:5500/ 網域。

參考文獻

I see Failed to read the ‘localStorage’ property from ‘Window’ error. What should I do?