在 nuxt 中获取全局 api 数据

Question

我正在启动 Nuxt 项目，我必须从我的后端获取基本数据。 例如语言词典或leftbar的一些数据等。 在 Vue 中，我可以在 App.vue 中调用我需要的所有内容并将其保存在 vuex 中，然后随时使用，但是使用 Nuxt，每个页面都不同，我很好奇我应该在哪里调用这个全局数据 api 调用。 如果数据尚未加载或有更好的解决方案，我猜我必须创建中间件并调用操作？

Answer 1

您提到它是全局数据并且您正在使用通用模式-我认为您正在寻找nuxtServerInit()。此存储操作在服务器上运行一次，在 created、mounted 钩子等之前运行。您可以使用它来使用您的组件（包括页面）所依赖的数据填充您的存储。

看看docs。

actions: {
  nuxtServerInit ({ commit }, { req }) {
    if (req.session.user) {
      commit('user', req.session.user)
    }
  }
}