axios(post方法) + vue 方法导出excel文件（已解决导出乱码问题）

最新推荐文章于 2024-07-31 10:59:41 发布

卜卦丶cc

最新推荐文章于 2024-07-31 10:59:41 发布

阅读量4.2k

点赞数 2

分类专栏： vue 文章标签： axios 导出excel 导出excel乱码

本文链接：https://blog.csdn.net/qq_37896578/article/details/101365396

版权

vue 专栏收录该内容

37 篇文章 0 订阅

订阅专栏

1 返回的是二进制流文件
在这里插入图片描述
2 实现方法

fetch({
        url: '/statistics/preDetailStatisticsExcel',
        method: 'post',
        data: this.forms,  // 参数
        responseType: 'blob'  // 加上这句处理导出乱码问题
      }).then(res => {
        console.log(res)
        let blob = new Blob([res.data], {
          type: 'application/vnd.ms-excel'
        })
        let objectUrl = URL.createObjectURL(blob)
        let a = document.createElement('a')
        a.href = objectUrl
        a.download = formatDate(new Date()) // 文件名 ，
        // a.click();
        // 下面这个写法兼容火狐
        a.dispatchEvent(new MouseEvent('click', {bubbles: true, cancelable: true, view: window}))
        window.URL.revokeObjectURL(blob)
      })

Tips：【小程序云开发】中高级前端面试题库（源码：小程序中联系我哟）。
---------- 创作不易，感谢大家，请多多支持！
在这里插入图片描述