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

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存储操作将在启动时被调用，您甚至可以访问上下文对象。

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