javascript - 未定义本地存储

Question

我正在使用 Nuxt.js 进行 SSR。每当我登录我的应用程序时，我都有一个登录系统，我得到一个 JSON 网络 token (JWT) 并将其存储在我的 Localstorage 中。

现在的问题是SSR。每当我尝试访问 Localstorage 时，它​​都会说它未定义。我找到了一篇关于这个问题的 Stackoverflow 文章，因为代码是服务器端呈现的，所以它无法访问 Localstorage。

我尝试了 created() 生命周期 Hook 来检查本地存储中是否存在 token ，但没有成功。我也尝试过 nuxtServerInit 也没有成功。

我如何检查客户端的本地存储中是否存在 token ，或者有更好的主意吗？

Answer 1

你可以在mounted上调用一个函数

export default {
  mounted() {
    this.storage();
  },
  methods:{
    storage(){
       localStorage.getItem("authToken");
    }
  }
}

或者使用 created 和 process.browser 检查

export default {
  created() {
    this.storage();
  },
  methods:{
    storage(){
      if (process.browser){
          localStorage.getItem("authToken");
      }
    }
  }
}