elementUI--前端获取到后端传递的文件流后下载

转载自：elementUI组件Upload + VUE 实现文件下载功能_怯桦的博客-CSDN博客_elementui下载文件elementUI组件Upload + VUE 实现文件下载功能https://blog.csdn.net/weixin_43986153/article/details/124443790

注意：type值要根据文件类型做改变

excel： 

type: 'application/vnd.ms-excel'

访问接口后加

.then(result => {

    //创建一个Blob对象接收后端传来的文件流

        const blob = new Blob([result], {

            type: 'application/octet-stream'

        })

        const downloadElement = document.createElement('a')

        // 创建下载的链接

        const href = window.URL.createObjectURL(blob)

        downloadElement.href = href

        console.log("href", href)

        // 下载后文件名

        downloadElement.download = "文件名称";

        document.body.appendChild(downloadElement)

         // 点击下载

        downloadElement.click()

        // 下载完成移除元素

        document.body.removeChild(downloadElement)

        // 释放掉blob对象

        window.URL.revokeObjectURL(href)

    })