今天就跟大家聊聊有關如何在axios中設置responseType類型，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。

久治網站建設公司成都創(chuàng)新互聯公司,久治網站設計制作，有大型網站制作公司豐富經驗。已為久治1000+提供企業(yè)網站建設服務。企業(yè)網站搭建\成都外貿網站建設要多少錢，請找那個售后服務好的久治做網站的公司定做！

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))
　　　　　　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)
  }
)

看完上述內容，你們對如何在axios中設置responseType類型有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注創(chuàng)新互聯行業(yè)資訊頻道，感謝大家的支持。