vue导出excel文件 文件流

在Vue中导出Excel文件的文件流可以通过以下步骤来实现：
1. 在前端请求的时候，将接收文件的格式设置为"application/octet-stream"，这样可以接收到文件流。
2. 请求接口设置接收的数据格式为blob，以便能够正确处理文件流数据。
3. 在点击导出按钮时发送请求到接口，获取到文件流数据。可以使用两种方式来实现：
- 方式一：将接口返回的文件流使用Blob对象进行处理，设置文件类型为"application/vnd.ms-excel"，然后创建一个URL对象，将Blob对象赋值给URL对象的参数，最后将URL转换为下载链接并触发下载操作。
- 方式二：在请求到数据之后，将文件流赋值给一个变量，然后创建一个URL对象，将文件流数据包装成Blob对象，设置文件类型为"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8"，然后创建一个a标签，设置其href属性为URL对象的值，设置download属性为文件名及文件类型后缀，再将a标签添加到页面上，触发点击操作，最后移除a标签并释放URL对象。

这样就可以通过Vue导出Excel文件的文件流了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [vue导出数据为文件excel，后端返回的是文件流](https://blog.csdn.net/weixin_42150719/article/details/124582921)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [Vue实现excel文件的导出功能（后端直接返回文件流）](https://blog.csdn.net/weixin_40252368/article/details/124448552)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]