vue前端常见的文件下载方式

1.使用js动态创建a标签

      new Promise(() => {})
        .then((res) => {
          //模拟后端传来文件流
       var blob = new Blob([res],{ type: "application/vnd.ms-excel"});
       //res后端返回的文件流， type文件下载的类型
          const link = document.createElement("a"); //创建a标签
          link.style.display = "none";
          link.href = URL.createObjectURL(blob); 
          //根据解析后的blob对象创建URL 对象
          link.download = "文案" + ".xls"; //修改文件名
          document.body.appendChild(link);
          link.click(); //执行下载
          document.body.removeChild(link); //下载完成移除标签元素
          URL.revokeObjectURL(href); //释放掉blob对象
        })
        .catch((err) => {});

2.后台返回URL（GET方式下载文件）

 window.location.href = url;