You can fetch config.json from public folder and then load your Vue app in the resolve callback

Place your configuration keys in /public/config.json file

{

  "KEY": "value"

}

Then in your /src/main.js file

fetch(process.env.BASE_URL + "config.json")

  .then((response) => response.json())

  .then((config) => {

       Vue.prototype.$config = config

       new Vue({

         router,

         store,

         render: (h) => h(App)

       }).$mount("#app")

  })

You will have your configuration loaded application-wide. You can then just use

mounted() {

  this.$config.KEY // "value"

}

in your Vue components

Update Nov 23, 2022 (Adding Vue 3 Version):

// VUE 3 Version

const app = createApp(App)



fetch(process.env.BASE_URL + "config.json")

  .then((response) => response.json())

  .then((config) => {

    // either use window.config

    window.config = config

    // or use [Vue Global Config][1]

    app.config.globalProperties.config = config

    // FINALLY, mount the app

    app.mount("#app")

  })