参考保留文件文件进行下载：https://blog.csdn.net/dilinying2838/article/details/101254217?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.pc_relevant_is_cache&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.pc_relevant_is_cache
    image.png

    1. Axios部分
    3. export function getxiazaimoban(query) {
    4.     return request({
    5.         url: '/clinbrain/api/template/export',
    6.         method: 'get',
    7.         responseType:'arraybuffer',
    8.         ContentType:'application/zip;charset=UTF-8',
    9.         params: query
    10.     })
    11. }
    13. HTML部分：
    14. downloadGGMB(val) {
    15.             getxiazaimoban({
    16.                 id: val.row.id
    17.             })
    18.                 .then(res => {
    19.                    方式1：无法保留返回的文件名；
    20.                     // console.log(res.headers['content-disposition'].split(";")[1].split("filename=")[1])
    21.                     // let blob = new Blob([res.data],{type:"application/zip"})
    22.                     // let objectUrl = URL.createObjectURL(blob);
    23.                     // window.location.href = objectUrl;
    25.                    方式2：可以保留文件返回的名称；
    26.                     var filename = res.headers; //下载后文件名
    27.                     filename = filename["content-disposition"];
    28.                     filename = filename.split(";")[1].split("filename=")[1];
    29.                     var blob = new Blob([res.data], {
    30.                         type: "application/zip"
    31.                     });
    32.                     var downloadElement = document.createElement("a");
    33.                     var href = window.URL.createObjectURL(blob); //创建下载的链接
    34.                     downloadElement.href = href;
    35.                     downloadElement.download = filename;
    36.                     document.body.appendChild(downloadElement);
    37.                     downloadElement.click(); //点击下载
    38.                     document.body.removeChild(downloadElement); //下载完成移除元素
    39.                     window.URL.revokeObjectURL(href); //释放掉blob对象
    40.                 })
    41.                 .catch(err => {
    42.                     msgError(err.message);
    43.                 });
    44.         },