后端给前端返回文件流怎么写

在后端给前端返回文件流时，可以使用以下方法进行处理。首先，在后端的接口中，需要设置`responseType: 'blob'`，以确保返回的数据是一个文件流。例如，在使用axios发送get请求时，可以添加`responseType: 'blob'`参数，如下所示：

return axios({
  url: url,
  method: 'get',
  params: data,
  responseType: 'blob',
  headers: {
    'Content-Type': 'application/json',
  },
});

接下来，你可以通过获取http头部的文件名信息来确定保存文件的名称。如果不需要重命名文件，可以将这一步省略。例如，你可以使用`res.headers\['content-disposition'\].split('=')\[1\]`来获取文件名。具体代码如下：

let fileName = window.decodeURI(res.headers\['content-disposition'\].split('=')\[1\]);

最后，你可以将文件流返回给前端，让用户进行下载。在前端，你可以使用HTML的`<a>`标签来实现文件下载。通过设置`download`属性，可以指定下载的文件名。例如，你可以使用以下代码来创建一个下载链接：

<a href="xxx.txt" download="xxx.txt">Download Your File</a>

将`href`属性指向你的文件路径，将`download`属性设置为你想要的文件名。用户点击该链接时，文件将会被下载到本地。
#### 引用[.reference_title]
- *1* *3* [后端给你返回文件流，前端实现下载文件](https://blog.csdn.net/qq_45018844/article/details/125558770)[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^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [后端接口返回文件流格式、前端如何实现文件下载导出呢？](https://blog.csdn.net/weixin_47659945/article/details/130501545)[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^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]