vue实现post方式下载文件流

在Vue中实现POST方式下载文件流的基本步骤如下：

1. 创建一个XHR对象，并设置请求方式为POST

let xhr = new XMLHttpRequest();
xhr.open('POST', url, true);

2. 设置请求头信息，以告诉服务器需要返回文件流数据

xhr.setRequestHeader('Content-type', 'application/json');
xhr.setRequestHeader('Accept', 'application/octet-stream');

3. 设置响应类型为blob，以便将文件流数据转换为Blob对象

xhr.responseType = 'blob';

4. 发送请求，并处理响应数据

xhr.onload = function() {
  if (xhr.status === 200) {
    // 获取响应数据
    let blob = xhr.response;
    // 创建一个<a>标签，并设置下载链接和文件名
    let a = document.createElement('a');
    a.href = window.URL.createObjectURL(blob);
    a.download = filename;
    // 触发点击事件，开始下载文件
    a.click();
  }
};
xhr.send(JSON.stringify(data));

完整代码如下：

export function downloadFile(url, data, filename) {
  let xhr = new XMLHttpRequest();
  xhr.open('POST', url, true);
  xhr.setRequestHeader('Content-type', 'application/json');
  xhr.setRequestHeader('Accept', 'application/octet-stream');
  xhr.responseType = 'blob';
  xhr.onload = function() {
    if (xhr.status === 200) {
      let blob = xhr.response;
      let a = document.createElement('a');
      a.href = window.URL.createObjectURL(blob);
      a.download = filename;
      a.click();
    }
  };
  xhr.send(JSON.stringify(data));
}

调用方式：

downloadFile('/api/download', {fileId: '123'}, 'file.pdf');