A continuación se muestra un conjunto rápido de ejemplos para mostrar cómo enviar solicitudes HTTP GET desde Vue a una API de backend usando axios Cliente HTTP que está disponible en npm.
Otros ejemplos de HTTP disponibles:
- Vue + Axios: CORREO
- Ver + Obtener: OBTENER , CORREO
- Reaccionar + Obtener: OBTENER , CORREO
- Reaccionar + Axios: OBTENER , CORREO
- Angular: OBTENER , CORREO
Instalación de axios desde npm
Con el sobre el nivel del mar CLI: npm install axios
Con el hilo CLI: yarn add axios
Solicitud GET simple usando axios
Esto envía una solicitud HTTP GET de Vue a la api de npm para buscar todos los paquetes de vue usando la consulta q=vue, luego asigna el total devuelto en la respuesta a la propiedad de datos del componente totalVuePackages para que se pueda mostrar en la plantilla de componentes.
|_+_|
Ejemplo de componente Vue en https://codesandbox.io/s/vue-axios-http-get-request-examples-ei7l8?file=/app/GetRequest.vue
Solicitud GET usando axios con async / await
Esto envía la misma solicitud GET de Vue usando axios, pero esta versión usa un created() { // Simple GET request using axios axios.get('https://api.npms.io/v2/search?q=vue') .then(response => this.totalVuePackages = response.data.total); } función y la async expresión javascript para esperar a que regresen las promesas (en lugar de usar el método promise await como se indicó anteriormente).
Ejemplo de componente Vue en https://codesandbox.io/s/vue-axios-http-get-request-examples-ei7l8?file=/app/GetRequestAsyncAwait.vue
#vue #axios # vue.js #programación
jasonwatmore.com
Vue + Axios - Ejemplos de solicitudes HTTP GET
Un conjunto rápido de ejemplos para mostrar cómo enviar solicitudes HTTP GET desde Vue.js a una API de backend usando axios. Esto envía una solicitud HTTP GET de Vue a la API de npm para buscar todos los paquetes de vue usando la consulta q = vue, luego asigna el total devuelto en la respuesta a la propiedad de datos del componente totalVuePackages para que pueda mostrarse en la plantilla del componente.