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

175 阅读 0 评论 116 点赞

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

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