Wait for async data in boot file

[steenole]

I have a single-page application which needs to get some configuration data from a json file, before the application can start. Things like api root and oauth configuration. This is needed because the same app runs on different environments, but with different configs.
In order to read the config file, I make an ajax fetch. But since this is asynchronous, the app starts before my data is ready.
How can I make my app wait for the config data, before it starts?

[steenole]

In plain Vue, I would do something like this, in mains.js, to defer the Vue instantiation.
But Quasar does not give me access to modify main.js

fetch(’/config.json’).then(res => res.json()).then(config => {
new Vue({
data(){
return config
},
render: h => h(app)
}).mount(’#app’)
})

[dobbel]

@steenole

See:
https://quasar.dev/quasar-cli/boot-files

[steenole]

I am aware of boot files.
In a boot file, I can start fetching the config data, but I can’t wait for the response, so my app will continue starting up, before my config data are ready.

[dobbel]

@steenole

See this thread how to in a boot file:
https://forum.quasar-framework.org/topic/5929/timing-async-problem-with-vue-router-guard-and-loaded-user-roles-using-axios-while-starting-the-app-for-the-first-time/8?_=1615367296421

[steenole]

Thank you @dobbel
I had missed the impact of using an async boot function. That did the trick.

[dobbel]

This post is deleted!

[dobbel]

@steenole

Good to know that ‘trick’ works!