vue axios下载excel文件的两种情况

最新推荐文章于 2024-06-15 11:26:45 发布

ジ Jing

最新推荐文章于 2024-06-15 11:26:45 发布

阅读量1.3k

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_43983711/article/details/106241059

版权

本文介绍了在Vue中使用Axios下载Excel文件的两种方法：一是通过后台返回的文件流，二是通过后台生成的下载链接。详细阐述了请求过程和技术实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求：点击模块进行下载excel文件
1.后台这边返回给我的文件流，如下图：
在这里插入图片描述
现在我点击下载excel按钮对后台请求数据

//这是我的请求接口  //我在axios封装的时候是传递了三个数据
export const downloadExcel = function(params) {
  return post(
    "/tms//downloadExcel", //url
    {
      params: params //请求参数
    },
    { responseType: "arraybuffer" }  //下载必须按这个格式进行转换
  );
};

    downloadExcel({
        startDate: this.startTime,
        endDate: this.endTime,
        page: this.current,
        pageSize: this.pageSize,
        tradeNo: this.keyword,
        patientsName: this.keyword,
        doctorName: this.keyword,
        hospitalDeptId: this.deptCode, //获取科室
        allDataDownload: false
      }).then(res => {
       **//这里注意返回的数据，有的需要添加data(res.data)来进行获取 不然就会下载出来的excel文件是[object][object]**
          const aLink = document.createElemen