Axios發送post請求下載文件，axiospost下載文件

發送post請求下載文件

先說一下背景：這是一個以vue作為框架并用Axios來發送http請求的項目。愛掏網 - it200.com我想要實現用axios來發送post請求，然后服務器會返回的response是一個文件流，我希望能將這個文件流寫入excel,從而實現該excel文件的下載。愛掏網 - it200.com

在網上查閱了相關資料后，我在Axios官方文檔給出的一個不大完整的示例中看到一種基于node原生模塊fs的處理方案，我考慮到是否可以采用這種方式來處理我接受到的文件流，可是經過嘗試，發現行不通。愛掏網 - it200.com

以下是我親試可以實現的一種方案：

exportData () {
        const form = this.getSearchForm() // 要發送到后臺的數據
        axios({ // 用axios發送post請求
          method: 'post',
          url: '/user/12345', // 請求地址
          data: form, // 參數
          responseType: 'blob' // 表明返回服務器返回的數據類型
        })
          .then((res) => { // 處理返回的文件流
            const content = res
            const blob = new Blob([content])
            const fileName = '測試表格123.xls'
            if ('download' in document.createElement('a')) { // 非IE下載
              const elink = document.createElement('a')
              elink.download = fileName
              elink.style.display = 'none'
              elink.href = URL.createObjectURL(blob)
              document.body.appendChild(elink)
              elink.click()
              URL.revokeObjectURL(elink.href) // 釋放URL 對象
              document.body.removeChild(elink)
            } else { // IE10+下載
              navigator.msSaveBlob(blob, fileName)
            }
        })
      }

這里用了Blob對象，上面的寫法就是用從服務器接收到的文件流（content-type:application/octet-stream）創建了一個blob對象，并使用該blob 創建一個指向類型數組的URL，將該url作為a標簽的鏈接目標，然后去觸發a標簽的點擊事件從而實現表格下載。愛掏網 - it200.com