vue+axios实现文件下载

功能：点击导出按钮，提交请求，下载excel文件；

第一步：跟后端童鞋确认交付的接口的response header设置了

?

1 2 3 4 5 6 7 8 9 10 11 12 13

axios({     method: 'post',     url: 'api/user/',     data: {         firstName: 'Fred',         lastName: 'Flintstone'     },     responseType: 'blob' }).then(response => {     this.download(response) }).catch((error) => {   })

　　第三步：请求成功，拿到response后，调用download函数（创建a标签，设置download属性，插入到文档中并click）

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

methods: {     // 下载文件     download (data) {         if (!data) {             return         }         let url = window.URL.createObjectURL(new Blob([data]))         let link = document.createElement('a')         link.style.display = 'none'         link.href = url         link.setAttribute('download', 'excel.xlsx')           document.body.appendChild(link)         link.click()     } }