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"

})

}