How to download the initial values ​​of variables from the server using Vuex?

Question

Vue.js

There is a store.js file for connecting the storage, in which you need to load data from a third-party server into the company variable via Axios. You need to do this at the start of the application.

export default new Vuex.Store({
  state: {
    company: [],
  }
})

It only comes to mind to put this loading into a separate component and do it in mounted . But, it seems to me that this is wrong. How to do it right?

Answer 1

as an option in main.js in the beforeCreate hook, perform the initialization of filling the store

new Vue({
  el: "#app",
  router,
  store,
  beforeCreate() {
    this.$http
      .jsonp(getURL(method, { offset: 1, album_id: 0, extended: 1 }))
      .then(response => {
        return response.json();
      })
      .then(data => {
        return data.response.items.map(items => {
        ///
          return items;
        });
      })
      .then(data => {
        this.$store.dispatch("getData", data);
      });
  {