vue中使用文件流进行下载(new Blob)

聊聊JS的二进制家族：Blob、ArrayBuffer和Buffer

JS中的Blob和ArrayBuffer

封装方法

function getExel(url, params, index) {+return new Promise(function(resolve, reject) {let data = {method: "GET",url:url,headers: {'token':  gettoken("token")},responseType: 'arraybuffer'}resolve(axios(data));})
}

注意：responseType应设置为：'arraybuffer'

发送请求（$Api已经挂载在了vue对象上，所以可以这么使用）

this.$Api.getExel("/goodsCheckService/v1/planMaterial/export?idList="+idArray).then(response => {let a = document.createElement('a');//ArrayBuffer 转为 Bloblet blob = new Blob([response.data], {type: "application/vnd.ms-excel"}); let objectUrl = URL.createObjectURL(blob);a.setAttribute("href",objectUrl);a.setAttribute("download", '计划单电子表格.xls');a.click();
});