Nuxt.js：未定义窗口

Question

我正在使用 Nuxt.js。设置 vuex-persist 时出现以下问题。有人可以帮我吗？

存储/index.js

存储/LangModule.js

Answer 1

知道 Nuxt 在服务器端和客户端都可以工作很重要，所以你不能在所有地方都使用window，因为它只存在于客户端。

您可以声明此插件无 SSR 以避免在服务器端运行它。

关注documentation：

nuxt.config.js

export default {
  plugins: [
    { src: '~/plugins/vuex-persist', ssr: false }
  ]
}

~/plugins/vuex-persist.js

import VuexPersistence from 'vuex-persist'
 
export default ({ store }) => {
  new VuexPersistence({
  /* your options */
  }).plugin(store);
}