前端文件流导出

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、后端返回数据:

相关推荐
摇滚侠11 分钟前
Vue 项目实战《尚医通》,完成预约通知业务,笔记21
前端·vue.js·笔记·前端框架
IT_陈寒24 分钟前
SpringBoot性能优化实战:我从10万QPS项目中总结的7个核心技巧
前端·人工智能·后端
顾安r43 分钟前
11.9 脚本网页 消消乐
前端·javascript·flask·html·pygame
宋哈哈1 小时前
页面水印sdk源码
java·前端·javascript
Kikyo--1 小时前
前端基础面试题(Css,Html,Js,Ts)
前端·javascript·css·typescript·html
火车叼位1 小时前
处理volta切换node版本之后pnpm没有识别的问题
前端·javascript
七号练习生.c2 小时前
JQuery&Ajax
前端·ajax·jquery
FinClip2 小时前
AI时代,金融科技如何落地“对话就能办业务”?
前端
数学分析分析什么?2 小时前
微前端之qiankun+vue3简易示例
前端·微前端·qiankun
西洼工作室2 小时前
前端项目目录结构全解析
前端·vue.js