vue+axios 实现后台下载

downloadFile(){
downloadInstruction().then(res => {
var blob = new Blob([res.data]);
var downloadElement = document.createElement('a');
var href = window.URL.createObjectURL(blob); //创建下载的链接
var fileName = '操作手册.docx'
downloadElement.href = href;
downloadElement.download = fileName; //下载后文件名
document.body.appendChild(downloadElement);
downloadElement.click(); //点击下载
document.body.removeChild(downloadElement); //下载完成移除元素
window.URL.revokeObjectURL(href); //释放掉blob对象
});
},
 
export function downloadInstruction (query) {
return request({
url: '/rts/main/downloadInstruction',
method: 'get',
params: query,
responseType:"blob"
})
}
原文地址:https://www.cnblogs.com/zhang-zhao/p/11275190.html