問題描述：
使用vue.js 下載文件的時候，設置的類型是'Blob'，axios請求接口下載，請求成功時返回的是一個流形式的文件，但是請求失敗的時候返回的是json ，需要用默認的responseType: 'json'來處理錯誤信息，那么問題來了，我該怎么根據服務器響應后才設置這個responseType？

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

解決辦法：
?

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' }) // 假設文件為pdflet link = document.createElement('a')link.href = window.URL.createObjectURL(blob)link.download = fileNamelink.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 类型动态设置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。