Не работает Vuex в Nuxt с axios?

Question

[MeMoJlor]

Добрый вечер, прописал в проекте:
npm install @nuxtjs/axios

Дальше в nuxt.config.js:

modules: [
    '@nuxtjs/axios',
  ],
  axios: {
    BaseURL: 'https://link-to-API'
  },

и решил получить данные с API:

Vuex

export const state = () => ({
  product: []
})

export const mutations = {
  SET_PRODUCT (state, productItem) {
    state.product = productItem
  }
}

export const actions = {
  async GET_PRODUCT ({commit}) {
    const productItem = await this.$axios.$get('http://localhost:4000/product')
    commit('SET_PRODUCT', productItem)
  }
}

export const getters = {
}

export const modules = {
}

Структура хранилища такая:

В чем причина? Массив пустой, API работает 100%.

Так же Eslint ругается на фигуристые скобки
({commit})

Comments

[WapSter]

В devTools есть вкладка 'network' она же сеть. Очень удобная штука. Я с nuxt/axios не работаю, но смущает строка this.$axios.$get('http://localhost:4000/product')
Ты уверен, что там откуда-то появился метод $get?
И указывая baseUrl, ты указываешь домен к сайту, и снова его прописываешь 'localhost:4000', вполне вероятно, что axios начнет оправлять запросы на

https://link-to-APIhttp://localhost:4000

,точно не скажу, я такой ересью не страдал и тестить не особо хочу

[MeMoJlor]

WapSter, Спасибо за ответ, можете скинуть свое хранилище? Хотел бы глянуть работающий вариант.

[WapSter]

MeMoJlor, у тебя не с хранилищем проблемы, а с чтением документации библиотеки axios. И меня нет запросов в хранилище, для авторизации middleware, a для запросов контентных данных asyncData

[MeMoJlor]

WapSter, Да. я понимаю. Я просто хотел бы глянуть хранилище, с работающими запросами