nuxt.js - 在启动时填充 NUXTJS Store 状态内容？

Question

当用户启动应用程序时，我希望我的 Nuxtjs 存储状态( ssr: false ，所以没有 nuxtServerInit )包含数据。
目标是在启动时进行日期计算并将答案存储在 nuxtjs 存储中，因此当我需要此信息时，我不需要每次都重新计算(此信息将在许多页面上使用)。
这能做到吗？

Answer 1

您可以编写一个在启动时运行的小插件，并可以为您调用存储操作，类似于 nuxtServerInit .

// ~/plugins/nuxtClientInit.js

export default async function (context) {
  await context.store.dispatch('nuxtClientInit', context)
}

然后只需将其添加到您的 nuxt.config.js .

...

plugins: [
  { src: '~/plugins/nuxtClientInit.js', mode: 'client' }
],

...

现在 nuxtClientInit store 操作将在启动时调用，您甚至可以访问上下文对象。

actions: {
  nuxtClientInit ({ commit }, context) {
    // commit(...)
  }
}