vue中使用axios處理post方法匯出excel表格（後端返迴文件流）

標籤：發送post請求   download   time   turn   method   返回   click   element   cli   

使用： vue、axios

介面要求： post方法、入參為json格式、出參檔案流

1.請求函數

exportExcel: function(form) {        return axios({ // 用axios發送post請求            method: ‘post‘,            url: ‘/serviceTime/exportData‘, // 請求地址            data: form, // 參數            responseType: ‘blob‘, // 表明返回伺服器返回的資料類型            headers: {                ‘Content-Type‘: ‘application/json‘            }        })    }

2.匯出函數

const params = {    test: ‘111}exportExcel(params).then(res => { // 處理返回的檔案流    const blob = new Blob([res]);    const fileName = ‘統計.xlsx‘;    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);})

記錄下，方便尋找

vue中使用axios處理post方法匯出excel表格（後端返迴文件流）