前端文件流导出

1、前端代码

javascript 复制代码
​
/** 导出 */
const handleExport = async () => {
  let config = {
    responseType: 'blob',
    headers: {
      'Content-Type': 'application/json',
    },
  };
  const res = await getTargetExport(config);
  const blob = new Blob([res]);

  const fileName = 'PK目标跟进导出列表.xls';
  const linkNode = document.createElement('a');

  linkNode.download = fileName;
  linkNode.style.display = 'none';

  linkNode.href = URL.createObjectURL(blob);
  document.body.appendChild(linkNode);

  linkNode.click();
  URL.revokeObjectURL(linkNode.href);
  document.body.removeChild(linkNode);
};

/** 导出接口 */
export const getTargetExport = config => {
  return request(`${prefixPath}/target-follows/export`, {
    method: 'GET',
    ...config,
  });
};

​

2、后端返回数据:

相关推荐
毕设源码-朱学姐1 小时前
【开题答辩全过程】以 基于Web的餐饮管理系统的设计为例,包含答辩的问题和答案
前端
fanruitian2 小时前
visualstudio code cline使用mcp amap
java·前端·visual studio
lzh_hz2 小时前
zustand源码解析
前端·源码阅读
无声20172 小时前
Turborepo 的 Docker 化实战
前端·vue.js
韭菜炒大葱3 小时前
React 之 自定义 Hooks 🚀
前端·react.js·面试
用户91743965393 小时前
Magnitude:强!一款基于 Al 视觉的 Web 自动化框架
运维·前端·自动化
军军君013 小时前
Three.js基础功能学习四:摄像机与阴影
开发语言·前端·javascript·3d·typescript·three·三维
lambo mercy4 小时前
python入门
前端·数据库·python
GIS之路4 小时前
GDAL 实现矢量数据读写
前端
05大叔5 小时前
MybatisPlus
java·服务器·前端