網路請求axios的介紹

2021-10-23 16:16:02 字數 1260 閱讀 6748

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...