vue项目：axios 请求类型为blob类型的接口sucess封装 & err封装 - ToB企服应用市场:ToB评测及商务社交产业平台

import axios from 'axios';
const downloadFile = async (url, params) => {
try {
const response = await axios({
method: 'get',
url: url,
params: params,
responseType: 'blob', // 设置响应类型为blob
});
// 创建一个Blob对象
const blob = new Blob([response.data], { type: response.headers['content-type'] });
const downloadUrl = window.URL.createObjectURL(blob);
const link = document.createElement('a');
link.href = downloadUrl;
link.setAttribute('download', 'filename.ext'); // 设置下载文件名
document.body.appendChild(link);
link.click();
link.remove();
} catch (error) {
handleError(error);
}
};
const handleError = (error) => {
// 错误处理逻辑
};
export default downloadFile;

复制代码

复制代码

复制代码

import { export } from '@request.js'
exportExcel() {
export(params)
.then((res) => {
const blob = new Blob([res], {
type: 'application/vnd.ms-excel',
/*你需要处理的数据类型的数据
doc: 'application/msword',
docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
xls: 'application/vnd.ms-excel',
xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
mp4: 'application/octet-stream',
m4a: 'application/octet-stream',
*/
})
const fileName = ''
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) // 释放URL 对象
document.body.removeChild(elink)
})
.catch((err) => {
/*后端返回的错误信息
{
"code": 1006,
"data": null,
"message": "当前所选案件无文书信息"
}
但由于请求类型为blob类型时，后端的返回信息会被转义为blob二进制流，因此需要进行如下处理
*/
if (err.type === 'application/json') {
const fileReader = new FileReader()
fileReader.readAsText(err, 'utf-8')
fileReader.onload = function () {
const result = fileReader.result
const msg = result ? JSON.parse(result).message : ''
that.$message.error(msg)
}
return
}
})
},

复制代码