mock服务器返回文件,mock模块会影响原生的ajax请求，使得服务器返回的blob类型变成乱码...

72 阅读 0 评论 48 点赞

我是靠谱客的博主动人汽车，最近开发中收集的这篇文章主要介绍mock服务器返回文件,mock模块会影响原生的ajax请求，使得服务器返回的blob类型变成乱码...，觉得挺不错的，现在分享给大家，希望可以做个参考。

react项目中遇到前端在处理后端传来的文件流实现导出Excel文件功能，responseType:'blob'类型设置无效问题。

axios请求设置responseType: 'blob' 返回类型

const axios = require('axios');

export() {

const token = sessionStorage.getItem('token');

axios({

method: 'post',

url: `/list/downXlsx`, // 请求地址

data,

responseType: 'blob', // 表明返回服务器返回的数据类型这里注意要加上responseType

headers: {

Authorization: `Bearer${token}`

}

}).then((res) => { // 处理返回的文件流

const blob = new Blob([res.data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' })

const fileName = 'down.xlsx'

const alink = document.createElement('a')

alink.download = fileName

alink.style.display = 'none'

alink

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。