diff --git a/nuxt.config.js b/nuxt.config.js index 237a2c9..cea0f1b 100644 --- a/nuxt.config.js +++ b/nuxt.config.js @@ -18,7 +18,7 @@ export default { { src: '~/plugins/magic.js', mode: 'client' }, { src: '~/plugins/vue-splide.js', mode: 'client' }, { src: '~/plugins/mirage.js', mode: 'client' }, - { src: '~/plugins/axios.js', mode: 'client' }, + { src: '~/plugins/axios.js' }, ], // Auto import components (https://go.nuxtjs.dev/config-components) diff --git a/plugins/axios.js b/plugins/axios.js index b5d98f4..d4ce66b 100644 --- a/plugins/axios.js +++ b/plugins/axios.js @@ -9,6 +9,7 @@ export default function ({ $axios, store }, inject) { }) // Set baseURL to something different + console.log(process.env.baseApiUrl) api.setBaseURL(process.env.baseApiUrl) api.onRequest(config => { diff --git a/store/common.js b/store/common.js new file mode 100644 index 0000000..3678d91 --- /dev/null +++ b/store/common.js @@ -0,0 +1,19 @@ +export const state = () => ({ + categories: [] +}) + +export const mutations = { + setCategories(state, data) { + state.categories = data || [] + } +} + +export const actions = { + async getCategories({commit}) { + const data = await this.$api.$get('/categories').catch(err => { + console.error({err}) + }) + console.log(data) + commit('setCategories', data?.data || []) + } +} diff --git a/store/index.js b/store/index.js new file mode 100644 index 0000000..df2100b --- /dev/null +++ b/store/index.js @@ -0,0 +1,5 @@ +export const actions = { + async nuxtServerInit({dispatch}) { + await dispatch('common/getCategories') + }, +}