axios學習axios模組封裝思想筆記

2021-10-01 07:59:44 字數 1491 閱讀 5206

axios初步學習筆記

回答:()指往裡傳入,{}可以傳入物件,其他同理

then(res => )

params:專門對資料的引數進行拼接

params:

樣例

直接寫全稱

// url:''

//2.第二種方式

url:'',

params:

跟get配合使用,

requst配合data:{}使用

axios.all(

[axios(

),axios(})

]).then(results =

>

)

//**的開頭全域性單獨拿出來

axios.defaults.url =

''//**的延遲時間

axios.defaults.timeout = 5000

axios.all(

[axios(

),axios(})

]).then(results =

>

)

單獨使用配置,適用於大專案分布式伺服器

const instance1= axios.create(

)instance1(

}).then(res =

>

)

元件建立生命週期,可在內插入方法

created()

新建乙個request.js封裝模組

匯入axios

建立例項,傳入引數/函式

外部呼叫

import axios from 'axios'

export

function request(config,success,failure)

) instance1(config)

.then(res =

>

) .catch(err =

>

)

main.js呼叫,模組內方法

import

from "./network/request"

request(

,res =

>

,err =

>

)

二,使用promise方法

export function request(config))

instance(config)

.then(res => )

.catch(err => )})}

main方法

request().then(res =>).catch(err =>{

console.log(err);

終極**

return interceptor(config)

就是這麼簡單,interceptor 內建promise

axios學習筆記

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

axios學習筆記

預設是get請求,params是為get請求傳參時使用 axios then res axios.all axios.all axios axios then result result 為第乙個請求返回的資料和第二個請求返回資料的陣列集合 axios.all axios axios then ax...

axios學習筆記

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