React接收excel文件下载导出功能封装

最新推荐文章于 2024-09-09 10:05:37 发布

何其涛

最新推荐文章于 2024-09-09 10:05:37 发布

阅读量3.3k

点赞数 1

分类专栏： react ant design pro ant-design 解决问题文章标签： react excel 下载导出 ant design

本文链接：https://blog.csdn.net/deng1456694385/article/details/89517591

版权

React接收excel文件下载导出功能封装

因为最近项目又需求要导出excel,所以封装了这部分的功能,对fetch的封装做了修改,使之后的调用导出功能更为方便

首先这个项目请求是对fetch进行过封装的 ,如果对fetch有了解的话,我们知道fetch种response返回的是一个实现了Body接口的对象, 所以可以使用Body接口中的方法 json()处理json,blob ()处理成blob文件对象方法, 所以要先对封装的请求方法做如下修改

export default function request(url, option,noToken = false,type = 'json') {
     
//这是封装request方法 noToken判断是否写代token  type用来区别 json/blob 这里我们需要下载文件所以传入blob
	...
	.then(response => {
   
          if (newOptions.method === 'DELETE' || response.status === 204) {
   
            return response.text();
          }
          if(type == 'blob') {
   
           return  response.blob();  //处理成blob文件类型
          }
          return response.json()