vue中使用axios发送post请求实现excel下载

import { getToken } from '@/utils/auth.js'
import axios from 'axios'
axios.defaults.headers.post['Content-Type'] = 'multipart/form-data'
axios.create({ withCredentials: true, timeout: 5000 })
if (getToken()) { axios.defaults.headers.common['X-Token'] = getToken() }

 

复制代码
axios({
        method: 'post',
        url: `/api/potentialCustomers/export`,
        responseType: 'blob',
        data: param
      }).then(res => {
        let fileName = res.headers['content-disposition'].split(';')[1].split('=')[1].replace(/\"/g, '')

        let blob = new Blob([res.data], { type: "application/vnd.ms-excel" })

        if ('msSaveOrOpenBlob' in navigator) {

          window.navigator.msSaveOrOpenBlob(blob, fileName);

        } else {

          const elink = document.createElement('a');

          elink.download = fileName;

          elink.style.display = 'none';

          elink.href = URL.createObjectURL(blob);

          document.body.appendChild(elink);

          elink.click();

          URL.revokeObjectURL(elink.href);

          document.body.removeChild(elink);

        }
      }).catch(res => {
        console.log(err)
      })
复制代码

 

posted @   枫若  阅读(489)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· AI与.NET技术实操系列(六):基于图像分类模型对图像进行分类
点击右上角即可分享
微信分享提示