前端用 js-file-download组件下载后端返回的pdf,word,excel文件

后端返回的pdf,word,excel的文件流导出需要让浏览器下载文件

1、安装js-file-download组件

html 复制代码
npm install js-file-download --save

2、在对应的页面引用

html 复制代码
import fileDownload from "js-file-download";

3、在接口返回结果后直接调用即可

html 复制代码
let data={
    id:processId,
    customerId:customerId
}
//后台导出文件接口
feeNotification(data).then(res => {
    //调用fileDownload即可
    fileDownload(res, 'xxxx.xlsx');
})
相关推荐
Ruihong1 分钟前
Vue 转 React:揭秘样式语言是如何被 VuReact 编译的?
vue.js·react.js·面试
用户游民1 分钟前
Android 的 FragmentTransaction 中,hide() 和 add() 方法的执行顺序
前端
前端技术1 分钟前
华为余承东:鸿蒙终端设备数突破5500万
java·前端·javascript·人工智能·python·华为·harmonyos
巴巴博一1 分钟前
uni-app 踩坑实录:实现“可拖拽全局悬浮按钮”时的 movable-view 坐标失效与 Flex 布局视错觉
vue.js·uni-app
深海鱼在掘金1 分钟前
Next.js从入门到实战保姆级教程(第五章):数据获取与缓存策略
前端·typescript·next.js
深海鱼在掘金3 分钟前
Next.js从入门到实战保姆级教程(第四章):路由系统详解
前端·typescript·next.js
leafyyuki5 分钟前
从零到一落地「智能助手」:一次基于 OpenSpec 的流式对话前端实践
前端·vue.js·人工智能
踩着两条虫6 分钟前
VTJ:架构设计模式
前端·架构·ai编程
孙凯亮7 分钟前
Three.js VR 模拟器(Immersive Web Emulator)踩坑全记录:从报错到可用,避坑指南一次性奉上
前端·three.js
CDN3607 分钟前
2026年Web性能优化实测:360CDN如何通过“时效性”与“地域性”双杀提升排名?
前端·性能优化