vue + axios 通过Blob 转换excel文件流下载乱码问题

最新推荐文章于 2025-04-01 11:08:03 发布

兰亭古墨

最新推荐文章于 2025-04-01 11:08:03 发布

阅读量2.1w

点赞数 7

分类专栏： JavaScript Vue 2

本文链接：https://blog.youkuaiyun.com/hefeng6500/article/details/82988624

版权

JavaScript 同时被 2 个专栏收录

83 篇文章

订阅专栏

24 篇文章

订阅专栏

本文介绍如何使用Vue和Axios处理从API获取的二进制流数据，并将其转换为可下载的Excel文件，同时解决乱码问题。通过设置responseType为'blob'并指定正确的MIME类型，可以确保数据正确解析。

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

首先看下我们接收到的请求：

特别注意：responseType: 'blob'

    axios({
        method: 'GET',
        url: '/api',
        params: params,
        responseType: 'blob'
      }).then(res=>{
        let blob = new Blob([res.data], {type: "application/vnd.ms-excel"});
        let url = window.URL.createObjectURL(blob);
        window.location.href = url;
      }).catch(err=>{
        console.log(err)
      })

参考：vue axios 请求二进制流excel文件，response乱码

vue + axios 通过blob 转换excel文件流下载乱码问题

vue2.x 下载后台传过来的流文件（excel）后乱码问题（转载）