鍍金池/ 問答/HTML5  網(wǎng)絡(luò)安全  HTML/ axios的默認(rèn)配置里，處理progress

axios的默認(rèn)配置里，處理progress

import axios from 'axios'

let config =  axios.create({
    withCredentials: true,
    headers:{
        'X-Requested-With': 'XMLHttpRequest'
    },
    onUploadProgress: p => { return 100 * ( p.loaded / p.total ) },
    onDownloadProgress: p => { return 100 * ( p.loaded / p.total ) }
})

export default config
import axios from 'config'
axios.post('/喵', {
    onUploadProgress (a){
        console.log(a)
    },
    onDownloadProgress (a){
        console.log(a)
    }
})

如何在自定義配置里將progress處理好？

因?yàn)槲颐總€ axios 請求都需要進(jìn)度條

所以我希望這兩個 Progress 返回的都是百分比而不是 Progress 事件對象，不然每個 axios 請求都要寫一次處理 function

應(yīng)該怎么做?。?/p>

回答
編輯回答
愛礙唉

  1. 創(chuàng)建了一個實(shí)例，用實(shí)例來寫試試：

    config.post('/喵', {
    onUploadProgress (a){
        console.log(a)
    },
    onDownloadProgress (a){
        console.log(a)
    }
})
  2. 或者參考一下這個例子：axios 實(shí)現(xiàn)上傳圖片進(jìn)度條
2017年1月26日 23:29
編輯回答
使勁操

是這么個道理沒錯，建議返回個對象，把p也返回了

 onUploadProgress: p => { return {percentage: 100 * ( p.loaded / p.total ), p:p} },
2018年3月11日 00:48