Saltar al contenido

tutorial- recursos vue Cómo hacer http requestsAug, 23rdIn este tutorial, vamos a aprender acerca de cómo hacer llegar las solicitudes …

marzo 13, 2020

 

En este tutorial, vamos a aprender acerca de cómo hacer peticiones GET y POST peticiones en vuejs utilizando el paquete de recursos vue.

Creación de proyecto Vue

Vamos a crear un nuevo proyecto Vue mediante el uso de la vue CLI.

vue create vue-http

Ahora cambiar el directorio de trabajo actual ejecutando el siguiente comando en el terminal.

cd vue-http

Instalación y configuración recursos vue

ahora vamos a instalar el paquete vue-recursos ejecutando el siguiente comando.

npm i vue-resource

Una vez que ha instalado correctamente el paquete vue de recursos, ahora tenemos que configurar este paquete mediante la adición de líneas resaltadas por debajo de al archivo main.js.

import Vue from "vue";
import App from "./App.vue";
import VueResource from 'vue-resource';
Vue.use(VueResource);
Vue.config.productionTip = false;

new Vue({
render: h => h(App)
}).$mount("#app");

Al añadir esta configuración VueResource nos proporciona un $ mundial http objeto, que nos ayuda a tomar las solicitudes HTTP en cualquier lugar de nuestra aplicación Vue.

Hacer solicitud GET

con fines de aprendizaje, estamos utilizando la API JSON marcador de posición para hacer peticiones http.

método de petición GET se utiliza para recuperar los datos de la API de backend, Veamos un ejemplo .