前端處理后端接口返回的二進制數據流並下載成文件

1、首先看沒處理時接口返回的數據，會發現是亂碼的。。。

 

2、解決亂碼需要在請求接口時，加上配置responseType:  'blob'，例如在vue中使用axios的http請求

 

 加上之后返回的數據就是這樣的

 

 3、接下來就是處理數據文件並下載

const url = window.URL.createObjectURL(res.data) // 將二進制文件轉換為可訪問的url
const a = document.createElement('a')
document.body.appendChild(a)
a.href = url
a.download = 'certificate.tar.gz'
a.click()
window.URL.revokeObjectURL(url)