How to pass axios baseURL vue3?

Question

JavaScript

Good afternoon.

Created vue3 project.
How to pass baseUrl, so that it would not be constantly registered in functions, but only 1 time somewhere?

I understand somehow in the vue.config.js file?

Now I use by type

const url = 'http://localhost:1234/api/example'

            axios
                .post(url, data)
                .then(() => {
                });

And so it turns out in each function I forward localhost:1234/api , and in each file ... I want to get away from this, but I don’t understand how ...
In terms of Nuxt, it was like this

export default {
  env: {
    backendUrl: 'http://localhost:5034/',
  },
}

But it didn’t work out for me ...
Or do I need to import it into main.js later? or ?

Answer 1

https://github.com/axios/axios#config-defaults