fetch请求数据流并下载为文件

前端获取流数据并进行下载。

1.后端设置响应类型

response.setContentType("application/octet-stream"); // 设置响应类型

2.前端通过fetch获取流

通过response.blob()获取bolb

app.fetch('/xd/editor/total/workload', function (response) {
            response.blob().then((blob) => {
                saveBlobAs(blob, 'result.xls')
            })
        }, function (result) {
            console.info("获取数据失败" + result.message);
        })

// 保存bolb的方法
function saveBlobAs (blob, filename) {
        if (window.navigator.msSaveOrOpenBlob) {
            navigator.msSaveBlob(blob, filename)
        } else {
            const anchor = document.createElement('a')
            const body = document.querySelector('body')
            anchor.href = window.URL.createObjectURL(blob)
            anchor.download = filename

            anchor.style.display = 'none'
            body.appendChild(anchor)

            anchor.click()
            body.removeChild(anchor)

            window.URL.revokeObjectURL(anchor.href)
        }
    }