本地開發遇到「Failed to read the xxxxx property from Window: Access is denied for this document」

前言

最近遇到一個很特別的狀況,也就是在本地開發時 localStorage 會噴「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/ 網域。

參考文獻

Liker 讚賞

這篇文章如果對你有幫助,你可以花 30 秒登入 LikeCoin 並點擊下方拍手按鈕(最多五下)免費支持與牡蠣鼓勵我。
當然你也可以成為 讚賞公民 每個月請我喝一杯咖啡,又或者是 一次性金額抖內

Google AD

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