Nuxt.js: window 未定义

Question

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

store/index.js

store/LangModule.js

Answer 1

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

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

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);
}

Nuxt.js: window is not defined