使用axios导出数据

最新推荐文章于 2024-06-24 17:12:04 发布

原创最新推荐文章于 2024-06-24 17:12:04 发布 · 763 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#axios #导出 #excel

axios 专栏收录该内容

1 篇文章

订阅专栏

博客介绍了使用axios导出excel数据的方法。第一步利用iframe进行数据导出，设置iframe.src为下载路径。数据返回后，根据后台返回格式判断响应头的‘content-type’。

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

使用axios导出excel数据

第一步利用iframe来进行数据的导出
设置 iframe.src为下载路径即可

const downloadUrl = url => {
  let iframe = document.createElement('iframe')
  iframe.style.display = 'none'
  iframe.src = url
  iframe.onload = function () {
    document.body.removeChild(iframe)
  }
  document.body.appendChild(iframe)
}

在数据返回后判断响应头的’content-type’
这里根据后台返回的格式去判断

service.interceptors.response.use(
  response => {
    if (response.headers && (response.headers['content-type'] === 'application/csv;charset=utf-8' || 
    response.headers['content-type'] === 'application/vnd.ms-excel')) {
      downloadUrl(response.request.responseURL)
    }
    }
  },

    return Promise.reject(error)
  }
)