前端调用后端接口下载excel文件的几种方式

最新推荐文章于 2025-07-03 18:00:00 发布

原创

最新推荐文章于 2025-07-03 18:00:00 发布 · 2.6w 阅读

17 ·

CC 4.0 BY-SA版权

本文介绍了在前端调用后端接口下载Excel文件的两种有效方法：通过`window.location.href`直接访问接口地址实现下载，以及利用隐藏表单进行POST请求下载。这两种方法均能在接收到数据流后触发浏览器的下载行为。此外，还提及了axios可以通过配置实现导出Excel文件，参考链接提供了更多相关实现细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

　　今天有一个导出相应数据为excel表的需求。后端的接口返回一个数据流，一开始我用axios(ajax类库)调用接口,返回成功状态200,但是!但是浏览器没有自动下载excel表,当时觉得可能是ajax的安全性问题导致无法下载。下面列觉两种我测试成功的方式:

1.window.location.href = ‘接口地址’

　含义:当前页面打开URL页面.

　和在浏览器输入接口地址一样,可以下载excel文件.但是缺点是无法执行POST请求

2.利用隐藏表单解决(我这里假设加入了JQuery库):

var exportData = [
    {
  
  'list1':'xiaodo1'},
    {
  
  'list2':'xiaodo2'}   
 ]  //模拟后台需要接收的参数
let form = $("<form>"); //创建form标签

form.attr("style","display:none");
from.attr("method","post");