javascript - 如何访问 NuxtJs 存储中的 localStorage？

Question

我正在尝试从 localStorage 获取一个值以确定存储中变量的值。我记得大约一年前用 vuejs 尝试过类似的东西，它似乎有效。我在 Reactjs 上也没有这个问题。但出于某种原因，我在 Nuxt 中做同样的事情时总是收到这个错误

这是我的 user.js 文件

export const state = () => ({
  isLoggedIn: !!localStorage.getItem('userDetails')
})

export const mutations = {
  login(state) {
    state.isLoggedIn = true;
  },
  logout(state) {
    window.localStorage.clear()
    state.isLoggedIn = false;
  }
}

我处理这个问题有错吗？或者这不应该工作？感谢您的帮助。

Answer 1

当您使用 SSR 时，您无权访问浏览器存储空间。

要解决此问题，您可以在挂载的组件 Hook 上分派(dispatch)一个操作。

mounted() {

 if(!process.client) return;
 const savedData = localStorage.getItem("userDetails");
 if(savedData){
    this.$store.commit('myMutation',savedData)
}
}