Vuejs load static json file

I dont really like this solution but this is what Ive done:
index.html:

get the correct base href in there at compile time.

then in the client read it back out:

const baseHref = [document.getElementsByTagName['base'][0] || {}].href; export const appConfigPromise = axios.get['static/config.json', { headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' }, baseURL: baseHref }] .then[[response: AxiosResponse] => { const { apiUrl } = response.data; return new Config[apiUrl]; }];

I would really love to know how to do this properly in Vue.js. In angular it seems to work more out of the box.