前端将文件流导出为csv/excel文件

最新推荐文章于 2024-08-05 23:12:28 发布

低配玩家李三丧

最新推荐文章于 2024-08-05 23:12:28 发布

阅读量5.5k

点赞数 5

分类专栏：具体问题文章标签：导出文件

本文链接：https://blog.csdn.net/li11122212/article/details/88671155

版权

本文介绍了如何在前端通过请求后端接口获取二进制流，实现csv或excel文件的下载。避免了后端保存静态文件和直接暴露链接的方式，解决了资源消耗问题。关键在于设置请求头及正确匹配文件格式。注意，由于微软的bom头问题，使用Excel打开csv文件可能出现乱码，但使用WPS等软件则正常。

摘要由CSDN通过智能技术生成

前端将文件流导出为csv/excel文件

1.后端直接返回文件连接：

前端正常请求，后端返回一个静态文件链接，直接使用：
window.location.href = url
简单，但是缺点是耗资源，后端需要把数据转化为excel存起来，并且直接暴露连接。

2.后台返回二进制流：

请求后台接口。后台返回二进制流。
前端实现浏览器将数据下载为文件。

请求：

  exportFile: (params) => {
   
    return axios({
   
      method: 'post',
     headers: {
                                          
              'content-type': 'application/json; charset=utf-8',
              'token':sessionStorage.getItem("tokens")