可能有的人對(duì)vue-resource 和vue-axios比較陌生，也可能用到了都不知道。他其實(shí)就是我們vue請(qǐng)求里面的 this.$http.*** 和 this.axios.***

vue-resource

vue-resource是Vue.js的一款插件，它可以通過XMLHttpRequest或JSONP發(fā)起請(qǐng)求并處理響應(yīng)。也就是說(shuō)，jquery的 $.ajax 能做的事情，vue-resource一樣也能做到，而且vue-resource的API更為簡(jiǎn)潔。另外，vue-resource還提供了非常有用的inteceptor功能，使用inteceptor可以在請(qǐng)求前和請(qǐng)求后附加一些行為，比如使用inteceptor在ajax請(qǐng)求時(shí)顯示loading界面。

1、體積小

vue-resource非常小巧，在壓縮以后只有大約12KB，服務(wù)端啟用gzip壓縮后只有4.5KB大小，這遠(yuǎn)比

jQuery的體積要小得多。

2、支持主流的瀏覽器

和Vue.js一樣，vue-resource除了不支持IE 9以下的瀏覽器，其他主流的瀏覽器都支持。

3、支持Promise API和URI Templates

Promise是ES6的特性，Promise的中文含義為“先知”，Promise對(duì)象用于異步計(jì)算。

URI Templates表示URI模板，有些類似于ASP.NET MVC的路由模板。

4、支持?jǐn)r截器

攔截器是全局的，攔截器可以在請(qǐng)求發(fā)送前和發(fā)送請(qǐng)求后做一些處理。攔截器在一些場(chǎng)景下會(huì)非常有用，

比如請(qǐng)求發(fā)送前在headers中設(shè)置access_token，或者在請(qǐng)求失敗時(shí)，提供共通的處理方式。

vue-axios

vue2.0之后，就不再對(duì)vue-resource更新，而是推薦使用axios。基于 Promise 的 HTTP 請(qǐng)求客戶端，可同時(shí)在瀏覽器和 Node.js 中使用。

功能特性

1、在瀏覽器中發(fā)送 XMLHttpRequests 請(qǐng)求

2、在 node.js 中發(fā)送 http請(qǐng)求

3、支持 Promise API

4、攔截請(qǐng)求和響應(yīng)

5、轉(zhuǎn)換請(qǐng)求和響應(yīng)數(shù)據(jù)

6、取消請(qǐng)求

7、自動(dòng)轉(zhuǎn)換 JSON 數(shù)據(jù)

8、客戶端支持保護(hù)安全免受 CSRF/XSRF 攻擊

總結(jié)

以上是生活随笔為你收集整理的vue中的uri_浅谈vue-resource和vue-axios的区别的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。