1.什麼是axios ?(axios: ajax i/o system)
:axios 是乙個網路請求的第三方框架。
開發前端應用程式中需要用到伺服器上的文字、等資源,所以要向伺服器傳送網路請求獲取這些資源,
然後在應用程式上對其進行效果展示。
2.vue中傳送網路請求有非常多的方式, 如何選擇 ?
(1).選擇一: 傳統的ajax是基於xmlhttprequest(xhr)
配置和呼叫方式等非常混亂.
編碼起來看起來就非常蛋疼.
所以真實開發中很少直接使用, 而是使用jquery-ajax
(2).選擇二: 在前面的學習中, 我們經常會使用jquery-ajax
相對於傳統的ajax非常好用.
首先, 我們先明確一點: 在vue的整個開發中都是不需要使用jquery的.
那麼, 就意味著為了方便我們進行乙個網路請求, 特意引用乙個jquery, 你覺得合理嗎?
jquery的**1w+行.
vue的**才1w+行.
完全沒有必要為了用網路請求就引用這個重量級的框架
(3).選擇三: 官方在vue1.x的時候, 推出了vue-resource.
在vue2.0退出後, vue作者就去掉了vue-resource, 並且以後也不會再更新.
那麼意味著以後vue-reource不再支援新的版本時, 也不會再繼續更新和維護.
對以後的專案開發和維護都存在很大的隱患。
(4).選擇四: 在說明不再更新和維護vue-resource的同時, 作者還推薦了乙個框架: axios,
axios有非常多的優點, 並且用起來也非常方便,
稍後, 我們對他詳細學習。
3.為什麼選擇axios?
(1).功能特點:
* 在瀏覽器中傳送 xmlhttprequests 請求
* 在 node.js 中傳送 http請求
* 支援 promise api
* 攔截請求和響應
* 轉換請求和響應資料
等等.....
(2).axios的應用:
由於vue、react等框架的出現,促使了axios輕量級庫的出現,
像vue、react、node等專案就都可以使用axios,
因為vue等框架,不需要操作dom,所以不需要引入jquery.js了。
axios網路請求
axios網路請求 1 安裝 cnpm install axios s 2 在main.js中引入 import axios from axios 3 在main.js中將axios掛載到vue的原型上 可選 vue.prototype.axios axios 4 axios配置 axios tra...
封裝axios網路請求模組
core.js import axios from axios const instance axios.create 請求來接 instance.interceptors.request.use function config return config function error instan...
axios框架的使用(網路請求相關)
用 npm npm install axios 用 bower bower install axios 用 cdn 1 axios的基本使用 預設請求是get axios then res 請求的引數拼接 axios then res 寫法一 axios then res 寫法二 axios.get...