vue3 - - - - - post请求实现文件下载

Dark_programmer

已于 2024-05-14 14:07:01 修改

阅读量322

点赞数 5

分类专栏： js vue 文章标签： javascript 前端 vue.js

于 2024-05-14 14:06:32 首次发布

本文链接：https://blog.csdn.net/Dark_programmer/article/details/138852896

版权

vue 同时被 2 个专栏收录

57 篇文章 0 订阅

订阅专栏

48 篇文章 3 订阅

订阅专栏

vue3 - - - - - post请求实现文件下载

代码如下：

proxy
  .$https({
    url: `/api/export`,
    method: "post",
    data:{}, 
    responseType: "blob", // 设置响应值类型
  })
  .then(function (response) {
  	// 导出的是excel
    const blob = new Blob([response], {
      type: "application/vnd.ms-excel",
    });
    
    const downloadUrl = window.URL.createObjectURL(blob);
    const a = document.createElement("a");
    a.href = downloadUrl;
    a.download = "文件名"; // 这里可以根据响应头或其他逻辑设置文件名
    document.body.appendChild(a);
    a.click();
    window.URL.revokeObjectURL(downloadUrl);
    document.body.removeChild(a);
  })
  .catch(function (error) {
    console.log(error);
  })