Nuxt.js：窗口未定義

Question

我正在使用 Nuxt.js。 設置 vuex-persist 時出現以下問題。 有人可以幫助我嗎？

商店/index.js

商店/LangModule.js

Answer 1

重要的是要知道 Nuxt 在服務器端和客戶端都可以工作，所以你不能在所有地方使用window ，因為它只存在於客戶端。

您可以聲明此插件無 SSR，以避免在服務器端運行它。

按照文檔：

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