时间戳

首页 > 解决方案 > 在 nuxt 中获取全局 api 数据

vue.js - 在 nuxt 中获取全局 api 数据

问题描述

我正在启动 Nuxt 项目，我必须从后端获取基本数据。例如，Vue 中的语言字典或 leftbar 的一些数据等我应该调用这个全局数据 api 调用吗？我猜如果数据尚未加载或有更好的解决方案，我必须创建中间件并调用操作？

标签： vue.jsnuxt.js

解决方案

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

看看文档。

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

推荐阅读