vue.js - 如何在 Nuxt 中访问 beforeCreate() 全局应用程序？

Question

我想在 Nuxt 中访问 beforeCreate() 应用程序循环方法并将数据从 localStorage 加载到 Vuex 商店，我该怎么做？

Answer 1

您可以使用 Nuxt 中间件来实现 beforeCreate() 效果。

// /nuxtproject/middleware/store_check.js
export default function ({ store }) {
  store.dispatch('stateModule/stateAction')
}

// /nuxtproject/pages/index.vue
export default {
  components: {
    Header
  },
  middleware: 'store_check',
}

至于从localStorage加载，可以和上面的中间件方案一起使用前提是 Nuxt 在 SPA 模式下运行 - 因为 localStorage 在 Nuxt Universa/SSR 模式下本身不可用。
花了几个小时后遇到了同样的问题，另一个 stackoverflow 答案解释了原因(有替代方案)
https://stackoverflow.com/a/57512785/842834