關於axios 的responseType類型的設置


responseType值的類型可為如下

 

 

axios請求下載導出一個文件,請求成功時返回的是一個流形式的文件,需要設置responseType: 'arraybuffer',但是請求失敗的需要返回的是json數據,

所以需要把arraybuffer轉成Json對象。

例:

請求設置了responseType: 'arraybuffer',
請求成功時,下載文件,
請求失敗時,后端返回json對象,如:{"msg":"系統異常","code":1,"success":false},也被轉成了arraybuffer

我的解決方案是,失敗時,將數據arraybuffer轉成Json對象就好了。
舉個例:

api.downloadFile(params).then(res => {       

    if (res.status === 200 && res.data) {         

        var disposition = res.headers['content-disposition']        

        var fileName = decodeURI(disposition.substring(disposition.indexOf('filename=') + 9, disposition.length))<br>      let blob = new Blob([res.data], { type: 'application/pdf' }) // 假設文件為pdf

          let link = document.createElement('a')

          link.href = window.URL.createObjectURL(blob)

          link.download = fileName

          link.click()

          link.remove()

     } else {           // 其它情況

     }

   }).catch(err => { 
        var enc = new TextDecoder('utf-8')

       var res = JSON.parse(enc.decode(new Uint8Array(err.data))) //轉化成json對象

       console.log(res)

   }

)        

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM