vue 之 axios 和 vue-resource简单get请求对比

最新推荐文章于 2025-06-19 11:15:00 发布

Mars-xq

最新推荐文章于 2025-06-19 11:15:00 发布

阅读量306

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/sinat_31057219/article/details/86136367

vue 专栏收录该内容

10 篇文章

订阅专栏

本文详细对比了Axios和vue-resource两种Vue.js中常用的HTTP客户端库的安装、导入及使用方法。通过具体代码示例，展示了如何用它们发起GET请求，处理响应数据，以及异常情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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);
   });