我如何在 NextJs 中訪問我的 window.localStorage

Question

我正在研究NextJS，並且遇到了一個問題，我在LocalStorage保存了jwt，我創建了一個ZC425268e6838551ab5074C174C17A94F14MIIFER IMIFER IMIFER i WIND ZC66666111111111111111111111111111111111111111111111111111111CC1111CC111CC111CC111CC1111CC1111CC1111CC1111CC1111CC1111CC1111CC1111CC1111CC1111CC1111CC11CC。 ，如果存在則返回組件，如果不存在則重定向用戶。 我已經在其他應用程序（沒有 nextjs）中編寫了與此類似的代碼，並且代碼運行良好，但在下一個我遇到以下錯誤：

服務器錯誤 ReferenceError: window is not defined 生成頁面時發生此錯誤。 任何控制台日志都將顯示在終端 window 中。

基本上我無法訪問 window。 如何訪問 window？ 有沒有更好的方法在 nextjs 中手動生成私有路由？

以下是我如何使其成為所需組件上的私有路由：

Answer 1

您必須檢查typeof window !== 'undefined'然后運行window.localStorage代碼，因為 window 在服務器中未定義，因此您會收到該錯誤。

if(typeof window !== 'undefined'){
  window.localStorage.getItem('token')
  // all other localStorage must be wrapped with this is if statement check
}else{
 return
}