Магазин Nuxt vuex не получает запрос axios

Question

Модуль Nuxt axios установлен и работает в файле index.js, но когда я очищаю файл index.js и разделяю его на собственный файл модуля (team.js), он не работает.

Team.js

export const state = () => ({
  teams: {},
})

export const mutations = {
  SET_TEAMS (state, value) {
    state.teams = value
  }
}

export const actions = {
async nuxtServerInit ({ commit }) {
  let {data} = await this.$axios.$get(`team`)
  commit('SET_TEAMS', data)
}

В инструментах разработчика Vue это отображается как - команды: Объектные команды: Объект (пустой), как правильно использовать модули Vuex?Документация и другие проекты, которые я видел, должны работать

Answer 1

Следуя моим комментариям и советам, ваш store/teams.js файл может иметь свой собственный nuxtServerInit;но вы можете назвать его как угодно, потому что вам нужно явно отправить его из основного модуля (store/index.js).

---

store/teams.js

export const actions = {
  async nuxtServerInit({ commit }) {
    let {data} = await this.$axios.$get(`team`)
      commit('SET_TEAMS', data)
    }
  }
}

---

store/index.js

export const actions = {
  async nuxtServerInit({ dispatch }) {
    dispatch('teams/nuxtServerInit')
  }
}