可能有的人對vue-resource 和vue-axios比較陌生,也可能用到了都不知道糊啡。他其實就是我們vue請求里面的 this.$http.*** 和 this.axios.***
vue-resource
vue-resource是Vue.js的一款插件捶牢,它可以通過XMLHttpRequest或JSONP發(fā)起請求并處理響應(yīng)僧须。也就是說怕犁,jquery的 $.ajax 能做的事情哨苛,vue-resource一樣也能做到扣甲,而且vue-resource的API更為簡潔篮赢。另外,vue-resource還提供了非常有用的inteceptor功能琉挖,使用inteceptor可以在請求前和請求后附加一些行為启泣,比如使用inteceptor在ajax請求時顯示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對象用于異步計算。
URI Templates表示URI模板卖漫,有些類似于ASP.NET MVC的路由模板费尽。
4、支持?jǐn)r截器
攔截器是全局的羊始,攔截器可以在請求發(fā)送前和發(fā)送請求后做一些處理旱幼。攔截器在一些場景下會非常有用,
比如請求發(fā)送前在headers中設(shè)置access_token突委,或者在請求失敗時柏卤,提供共通的處理方式。
vue-axios
vue2.0之后匀油,就不再對vue-resource更新缘缚,而是推薦使用axios〉醒粒基于 Promise 的 HTTP 請求客戶端桥滨,可同時在瀏覽器和 Node.js 中使用。
功能特性
1弛车、在瀏覽器中發(fā)送 XMLHttpRequests 請求
2齐媒、在 node.js 中發(fā)送 http請求
3、支持 Promise API
4纷跛、攔截請求和響應(yīng)
5喻括、轉(zhuǎn)換請求和響應(yīng)數(shù)據(jù)
6、取消請求
7贫奠、自動轉(zhuǎn)換 JSON 數(shù)據(jù)
8双妨、客戶端支持保護安全免受 CSRF/XSRF 攻擊