axios學習筆記

2021-10-14 01:52:04 字數 2172 閱讀 7685

預設是get請求,params是為get請求傳參時使用

axios(}

).then

(res =>

)

axios.all()

axios.

all(

[axios()

,axios(}

)]).

then

(result =>

)

result 為第乙個請求返回的資料和第二個請求返回資料的陣列集合

axios.

all(

[axios()

,axios(}

)]).

then

(axios.

spread

((res1, res2)

=>

))

axios.spread可以分別返回兩個請求的資料

使用全域性配置
axios.defaults.baseurl =

5000

但是有可能不同的網路請求所請求的伺服器位址不同,所以可以採用建立axios例項的方式。

axios.creat()

// 建立axios例項

// axios.create()

const instance1 = axios.

create()

// 無引數

instance1()

.then

(res =>

)// 有引數

instance1(}

).then

(res =>

)const instance2 = axios.

create()

instance2()

.then

(res =>

)instance2(}

).then

(res =>

)

axios提供了***,用於我們在傳送每次請求或者得到響應後,進行對應的處理。

請求攔截(請求成功攔截、請求失敗攔截)

請求攔截的應用場景

config中的一些資訊不符合伺服器的要求

每次傳送網路請求時,都希望在介面中顯示乙個請求的圖示

某些網路請求(比如登入(token)),必須攜帶一些特殊的資訊

instance.interceptors.request.

use(config =>

, err =>

)

響應攔截(響應成功攔截、響應失敗攔截)

instance.interceptors.response.

use(res =>

, err =>

)

request.js

import axios from

'axios'

export

function

request

(config)

)// 2.1 請求攔截

/* 請求攔截的幾個應用場景:

> 1. config中的一些資訊不符合伺服器的要求

> 2. 每次傳送網路請求時,都希望在介面中顯示乙個請求的圖示

> 3. 某些網路請求(比如登入(token)),必須攜帶一些特殊的資訊

*/instance.interceptors.request.

use(config =>

, err =>

)// 2.2 相應攔截

instance.interceptors.response.

use(res =>

, err =>

)// 3.傳送真正的網路請求

return

instance

(config)

}

axios學習筆記

二.axios的post方式請求介面 三.axios的併發 四.axios的自定義例項 五.axios 使用axios前要引入axios檔案 1 axios.get url 獲取資料 then res console.log res 顯示資料 then err promise.reject err ...

axios學習筆記

它是乙個功能強大的網路請求庫 script src script axios.get 位址?key value key2 values then function response function err axios.get 位址?查詢字串 then function response funct...

axios學習筆記 2

axios.create 請求頭設定 params 請求引數拼接在url上 data 請求引數放在請求體上 axios 在請求或響應被處理前攔截 axios.interceptors.request.use config err 實際開發的例子,加上token let instance axios....