vue使用blob下载文件

// Axios.get(import.meta.env.VITE_BASE_URL as string+‘/ocr-project/down-pdf’, {
// params: {
// // 向后端传入下载路径
// idOcrProject: id,
// isApp:true,
// },
// responseType: ‘blob’
// }).then(res => {
// // alert(“请求成功”);
// // console.log(res.data); // 获取服务端提供的数据
// let blob = new Blob([res.data],{ type:‘application/pdf;charset=utf-8’ });
// console.log(res);
// let contentDisposition = res.headers[‘content-disposition’];
// console.log(contentDisposition);
// let pattern = new RegExp(‘filename=([^;]+\.[\.;]+);*’);
// let result = pattern.exec(contentDisposition);
// // 使用decodeURI对名字进行解码
// let fileName = decodeURI(result[1]);
// let downloadElement = document.createElement(‘a’);
// // 创建下载的链接
// let href = window.URL.createObjectURL(blob);
// downloadElement.style.display = ‘none’;
// downloadElement.href = href;
// // 下载后文件名
// downloadElement.download = fileName;
// document.body.appendChild(downloadElement);
// // 点击下载
// downloadElement.click();
// // 下载完成移除元素
// document.body.removeChild(downloadElement);
// // 释放掉blob对象
// window.URL.revokeObjectURL(href);
// });
后端返回
response.setHeader(“Content-Disposition”, “attachment;filename=”
+ URLEncoder.encode(checkDate + projectName+“.pdf”, “UTF-8”));
// 以流的形式返回文件
response.setContentType(MediaType.APPLICATION_OCTET_STREAM_VALUE);
MediaType.APPLICATION_OCTET_STREAM_VALUE = “application/octet-stream”;