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"

})

}