【vue】vue接收后端文件流并下载为excel格式

使用Blob方法下载文件

Blob 对象表示一个不可变、原始数据的类文件对象。
blob详细解释:https://developer.mozilla.org/zh-CN/docs/Web/API/Blob

请求函数
request封装的请求函数

//导出
export const requestExport = () => {
  return request({
    url: 'xxx',
    method: 'get',
    responseType:"blob",//设置响应数据类型为 blob
  })
}

调用函数并下载excel文件

requestExport().then(response => {
  downLoadFile("导出")
});

downLoadFile函数

/**
 * 下载文件
 * @param fileStream    文件流程
 * @param fileName      文件名
 */
export function downLoadFile(fileStream,fileName="test"){
  let link = document.createElement("a");
  //type就是blob的type,是MIME类型的，可以自己查看MIME类型都有哪些
  let blogw = new Blob([fileStream],{type:"application/vnd.ms-excel;charset=utf-8"})
  let objectUrl = window.URL.createObjectURL(blogw);    //创建一个新的url对象
  link.href = objectUrl;
  let file_name = `${moment().format('YYYY-MM-DD HH:mm:ss')}的${fileName}列表.xlsx`;
  link.download = file_name;    //  下载的时候自定义的文件名
  link.click();
  window.URL.revokeObjectURL(objectUrl);
}

✨$踩坑不易，还希望各位大佬支持一下$

📃 $个人主页：$ 沉默小管

📃 $个人网站：$ 沉默小管

📃 $个人导航网站：$ 沉默小管导航网

🔥 $技术交流QQ群：837051545$

👍 $点赞，你的认可是我创作的动力！$

⭐️ $收藏，你的青睐是我努力的方向！$

✏️ $评论，你的意见是我进步的财富！$

如果有不懂可以留言，我看到了应该会回复
如有错误，请多多指教