Блог

Я начинаю проект Nuxt, и мне нужно получить базовые данные из моего бэкэнда. например, словарь языка или некоторые данные для левой панели и т. Д. В Vue я могу просто вызвать все, что мне нужно, в App.vue и сохранить его в vuex, а затем использовать, когда захочу, но с Nuxt каждая страница отличается, и мне любопытно, где я должен вызывать эти вызовы API глобальных данных. Я предполагаю, что мне нужно создать промежуточное программное обеспечение и вызвать действия, если данные еще не загружены или есть лучшее решение?

Вы упоминаете, что это глобальные данные, и вы используете универсальный режим — я думаю, вы ищете nuxtServerInit() . Это действие сохранения выполняется один раз на сервере, до created , mounted перехваты и т.д. Вы можете использовать его для заполнения вашего хранилища данными, на которые полагаются ваши компоненты (включая страницы).

Взгляните на документы.

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