前端axios調(diào)接口實(shí)現(xiàn)下載文件的解決方案

有任何問(wèn)題都可以留言咨詢(xún)。

背景

項(xiàng)目中有個(gè)下載接口，下載的是zip壓縮包文件。

但后端返回的是二進(jìn)制流數(shù)據(jù)，而不是直接下載一個(gè)zip文件。

前端用的是axios來(lái)發(fā)請(qǐng)求。

解決方案

其實(shí)這個(gè)二進(jìn)制流數(shù)據(jù)格式是比較常見(jiàn)的，對(duì)應(yīng)的content-type是application/octet-stream。

如下截圖所示：


image.png

接口響應(yīng)的content-type是application/octet-stream，并且content-disposition是attachment; filename=sslfile.zip。

那此時(shí)前端可以怎么處理呢？



詳情：
https://mp.weixin.qq.com/s?__biz=Mzg5Mjc2NDYwMg==&mid=2247484348&idx=1&sn=c00ad00ff406ad3a3a2601a79dbc4ea2&chksm=c0386b69f74fe27f29edf92bf7c59dc663a40b2e8d25e7178ddbfa25e27f7856ee0b29465a53&token=1965256984&lang=zh_CN#rd

有任何問(wèn)題可咨詢(xún)：
https://public-1253796280.cos.ap-nanjing.myqcloud.com/%E5%89%8D%E7%AB%AF%E6%8A%80%E6%9C%AF%E4%BA%A4%E6%B5%81%E7%BE%A4.png

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書(shū)系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 有任何問(wèn)題都可以留言咨詢(xún)。 背景 有一個(gè)ecx線上環(huán)境，前端本地是不能直接訪問(wèn)后端接口服務(wù)的。 也就是本地開(kāi)發(fā)不能...
    simonbaker閱讀 603評(píng)論 0贊 0
  • 504b 0304 1400 0008 0800 4498 963d a6fa9ff3 9f41 1e00 a88...
    BossOx閱讀 12,634評(píng)論 0贊 0
  • 504b 0304 1400 0008 0800 fa8c 963d 50740baa dffc 0e00 6cd...
    BossOx閱讀 4,047評(píng)論 0贊 0
  • 有任何問(wèn)題都可以留言咨詢(xún)。 前提 nginx一般是用來(lái)起個(gè)web服務(wù)器，存放前端靜態(tài)資源。從而實(shí)現(xiàn)前端的輕量部署。...
    simonbaker閱讀 296評(píng)論 0贊 0
  • 6270 a1da b5e7 b8aa 4d60 60c6 dea2 9fcc66b3 1acd 0596 77b...
    BossOx閱讀 10,302評(píng)論 0贊 0

友情鏈接更多精彩內(nèi)容