在 NextJS 中访问 LocalStorage

由 Mux 赞助的 DEV 全球展示挑战赛：展示你的项目！

最近，为了提升搜索引擎优化 (SEO) 效果，我将一个内容管理系统从 Create React App 迁移到了 NextJS。
我遇到的挑战之一是在编译时出现了这些错误。

window is undefined或者document is undefined

Window并且document服务器上不可用。这就是为什么如果您尝试访问window属性或，就会遇到这类错误的原因document。
就我而言，我之前的应用程序将身份验证令牌持久化到了 localStorage 中。

为了避免在编译和构建时遇到这些未定义错误，您可以运行一个简单的检查。

if (typeof window !== "undefined") {

localStorage.setItem(key, value)

}

这基本上告诉你的代码片段只有在客户端环境中才能运行，因为它可以在客户端环境中访问window。

继续破解。