如何在 Nuxt 中访问 beforeCreate() 全局应用程序？答案

【问题标题】：How to get access beforeCreate() global app in Nuxt?如何在 Nuxt 中访问 beforeCreate() 全局应用程序？
【发布时间】：2020-07-04 04:29:07
【问题描述】：

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

【问题讨论】：

标签： vue.js vuex nuxt.js

【解决方案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

【讨论】：