vue文件下载

1.创建下载按钮

 <button @click="download" type="primary">下载</button>

2.调用接口获取服务端内容下载到本地

   //下载日志
      download() {
        this.$api.xxx.download(params1, params2,params3...).then((res) => {
            // console.log(res.data);
            const fileName = params1.name;
            const _res = res.data;
            const blob = new Blob([_res]);
            const downloadElement = document.createElement("a");
            const href = window.URL.createObjectURL(blob); // 创建下载的链接
            downloadElement.href = href;
            downloadElement.download = decodeURI(fileName); // 下载后文件名
            document.body.appendChild(downloadElement);
            downloadElement.click(); // 点击下载
            document.body.removeChild(downloadElement); // 下载完成移除元素
            window.URL.revokeObjectURL(href); // 释放掉blob对象
          });
      },