Configurar axios para un proyecto en Vue 3

- Andrés Cruz

In english

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) => {
   // ***
});
Andrés Cruz

Desarrollo con Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter

Andrés Cruz en Udemy