前端文件流导出

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

相关推荐
云枫晖几秒前
深入浅出npm:现代JavaScript项目基石
前端·javascript·node.js
不一样的少年_3 分钟前
你家孩子又偷玩网页游戏? 试试这个防沉迷工具
前端·javascript·浏览器
春秋半夏4 分钟前
vue2二次封装el-select支持collapse-tags-tooltip
前端
昔人'8 分钟前
css`scrollbar-gutter`防止滚动条可见性变化时发生布局偏移
前端·css
掘金安东尼10 分钟前
前端周刊第436期(2025年10月13日–10月19日)
前端·javascript·github
小叫花子12 分钟前
用 UniApp 开发微信小程序蓝牙通信功能
前端
勤奋菲菲23 分钟前
深入理解HTML文本标签:构建网页内容的基础
前端·html
昔人'30 分钟前
html`<mark>`
前端·javascript·html
云中雾丽34 分钟前
Flutter主流的本地存储方案
前端