vue 使用post下载文件二进制流

在Vue中使用POST请求下载文件的二进制流，可以通过以下步骤实现：

1. 首先，需要在Vue项目中安装axios，可以通过命令`npm install axios`进行安装。

2. 在需要下载文件的组件中，引入axios模块，可以使用`import axios from 'axios'`导入axios。

3. 创建一个方法来处理文件下载，例如`downloadFile`。

4. 在`downloadFile`方法中，使用axios发送POST请求，并设置`responseType`为`blob`，表示接收二进制流的响应。

5. 在请求的数据中，设置相应的请求头`Content-Type`为`application/json`（根据接口要求）。

6. 在成功响应的回调函数中，将获取到的二进制流数据转换成Blob对象并创建URL。

7. 创建一个a标签用于生成下载链接，并设置其属性href为之前创建的URL，属性download为下载文件的文件名。

8. 把a标签添加到页面上，并模拟点击以下载文件。

下面是一个示例代码：

<template>
  <div>
    <button @click="downloadFile">下载文件</button>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  methods: {
    downloadFile() {
      axios.post('http://example.com/download', {
        // 请求体数据根据接口要求设置
      }, {
        responseType: 'blob', // 设置响应数据类型为二进制流
        headers: {
          'Content-Type': 'application/json' // 根据接口要求设置请求头
        }
      })
      .then(response => {
        const url = window.URL.createObjectURL(new Blob([response.data])); // 转换成Blob对象并创建URL
        const link = document.createElement('a');
        link.href = url;
        link.setAttribute('download', 'file.jpg'); // 设置下载文件的文件名
        link.click();
        link.remove(); // 移除生成的a标签
      })
      .catch(error => {
        console.log(error);
      });
    }
  }
}
</script>

上述代码会在点击按钮时发送一个POST请求，接收到响应后将其转换成Blob对象，并通过模拟点击a标签的方式下载文件。如需更改下载的文件名，可修改`setAttribute('download', 'file.jpg')`中的文件名部分。

注意：请求地址、请求数据、请求头等根据实际情况进行设置。