Configurar axios para un proyecto en Vue 3

Axios se ha convertido en nuestro mejor compañero para realizar peticiones http mediante JavaScript; y en Vue, no es la excepción; aprende a configurarlo.

Para poder usar axios de manera global en Vue; desde el archivo raiz, que crea la instancia principal de Vue:

En el main.js:

import axios from 'axios'
import App from "./App.vue"
const app = createApp(App).use(Oruga)
app.config.globalProperties.$axios = axios
window.axios = axios

Como puedes ver, lo que hacemos primero es, importar axios (dando por hecho que ya lo tienes instalado) y lo configuramos en una propiedad global de Vue; por lo tanto, cuando lo queramos usar en cualquier componente de Vue, podemos usar algo como lo siguiente:

 this.$axios.get("/api/post").then((res) => {
   // ***
});

01-04-2022 - Andrés Cruz

In english

• Categoría
• /
• Vue
• /
• Configurar axios para un proyecto en Vue 3