vue-resource 和 axios 区别

以你之姓@ 2022-12-28 14:25 124阅读 0赞

在Vue项目中前后端交互时，早期的Vue版本使用Vue-resource插件从后台获取数据。从Vue2.0之后就不再对vue-resource进行更新，而是推荐使用axios.

vue-resource  
Vue.js的插件提供了使用XMLHttpRequest 或 JSONP进行Web请求和处理响应的服务。vue-resource像jQuery的$,ajax，用来进行数据交互。主要用于发送ajax请求。  
特点：  
1.体积小，压缩后大约12kb  
2.支持主流浏览器，除了IE9以下  
3.支持Promiss API 和URL Templates  
4.支持拦截器，拦截器是全局的，可以在请求发送前和发送请求后做一些事情。

axios  
特点：  
1.在浏览器中发送XMLHttpRequests请求  
2.在node.js中发送http请求  
3.支持Promiss API  
4.拦截器请求和响应  
5.转换请求和响应数据  
6.取消请求  
7.自动转换JSON数据  
8.客户端支持保护安全免受CSRF/XSRF攻击

// get请求
    axios.get('/user', { 
        params: { 
          ID: 12345
        }
      })
      .then(function (response) { 
        console.log(response);
      })
      .catch(function (error) { 
        console.log(error);
      });

// post请求
    axios.post('/user', { 
        firstName: 'Fred',        // 参数 firstName
        lastName: 'Flintstone'    // 参数 lastName
      })
      .then(function (response) { 
        console.log(response);
      })
      .catch(function (error) { 
        console.log(error);
      });

发表评论取消回复

表情：

评论列表（有 0 条评论，124人围观）

还没有评论，来说两句吧...

相关阅读

相关 axios和ajax的区别是什么

![img][] > axios和ajax的区别： > 1、axios是一个基于Promise的HTTP库，而ajax是对原生XHR的封装； > 2、ajax技术实现

怼烎@/ 2023年09月30日 14:29/ 0 赞/ 14 阅读

相关 form和jq和axios请求格式区别

说到请求数据，避免不了请求报文，但是什么是请求报文呢，请求报文分为请求行,请求头,请求体, 而post请求都是在请求体中的,这个就不多说了请求头中

ゝ一纸荒年。/ 2023年07月04日 08:36/ 0 赞/ 7 阅读

相关 ajax和axios、fetch的区别

1.jQuery ajax $.ajax({ type: 'POST', url: url, data: data,

逃离我推掉我的手/ 2023年06月18日 12:51/ 0 赞/ 18 阅读

相关简述ajax和axios、fetch的区别

简述ajax和axios、fetch的区别以上三者,总体来说,都是进行获取后端数据的一种方案,但从细微点说,还是有各自的区别的,下面我们来细细对比下各自区别,方便后期搭

待我称王封你为后i/ 2022年12月29日 12:49/ 0 赞/ 187 阅读

相关 vue-resource 和 axios 区别

在Vue项目中前后端交互时，早期的Vue版本使用Vue-resource插件从后台获取数据。从Vue2.0之后就不再对vue-resource进行更新，而是推荐使用axios.

以你之姓@/ 2022年12月28日 14:25/ 0 赞/ 125 阅读

相关 axios的解释和 axios与ajax区别

axios axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，本质上也是对原生XHR的封装，只不过它是Promise的实现版本，符合最

约定不等于承诺〃/ 2022年12月14日 12:25/ 0 赞/ 202 阅读

相关简述ajax和axios、fetch的区别

-------------------- 故心故心故心故心小故冲啊文章目录 1.jQuery ajax 2.axios 3.fetch ----

男娘i/ 2022年11月03日 11:25/ 0 赞/ 223 阅读

相关 axios，Ajax,jQuery ajax,axios和fetch的区别

提纲： 1. Axios的概念 2. 安装 3. Axios简单示例 4. Axios的API 5. Axios的请求配置和响应数据格式 6. Axios的拦

╰半橙微兮°/ 2022年05月28日 01:55/ 0 赞/ 208 阅读

相关 ajax和axios、fetch的区别

[![Nav logo][]][Nav logo 1][写文章][Link 1][注册][Link 2][登录][Link 3] ![nav_jsds_beta-eeb44d

快来打我*/ 2021年12月17日 17:11/ 0 赞/ 386 阅读

相关 ajax和axios、fetch的区别

1.jQuery ajax $.ajax({ type: 'POST', url: url, data: data,

约定不等于承诺〃/ 2021年10月13日 03:53/ 0 赞/ 304 阅读