vue 之 axios 和 vue-resource簡單get請求對比

Mars-xq發表於2019-01-09

axios

安裝

npm install --save axios

匯入並使用

import axios from 'axios'
import Qs from 'qs'
//QS是axios庫中帶的,不需要我們再npm安裝一個

Vue.prototype.axios = axios;
Vue.prototype.qs = Qs;

請求

this.axios.get(url)
  .then((response) => {
    console.log("axios", response);
    console.log(response.data.text[0]);
  })
  .catch((exception) => {
    console.log("axios", exception);
  })

vue-resource

安裝

npm install --save vue-resource

匯入並使用

import VueResource from 'vue-resource'
Vue.use(VueResource);

請求

 this.$http.get(url)
   .then((data) => { //請求響應成功回撥
     console.log("vue-resource", data);
     this.gettext = data.body.text[0];
   }, (error) => { // 請求響應錯誤回撥
     console.log("vue-resource", error);
   })
   .catch(function (exception) { //程式異常回撥
     console.log("vue-resource", exception);
   });

相關文章