const blob = new Blob([], { type: '' });

// 創(chuàng)建下載的鏈接
const url = URL.createObjectURL(blob);
// 釋放掉blob對(duì)象
URL.revokeObjectURL(url);

const a = document.createElement('a'); // 創(chuàng)建a標(biāo)簽
a.style = 'display: none';
a.download = filename''; // 設(shè)置下載文件名
a.href = url; // 設(shè)置下載地址
document.body.appendChild(a);
a.click(); // 觸發(fā)a標(biāo)簽的click事件
document.body.removeChild(a);

<a href="path/to/file.jpg" rel="external nofollow"  download='file.jpg'>點(diǎn)擊下載圖片</a>

const a = document.createElement('a'); // 創(chuàng)建a標(biāo)簽
const e = document.createEvent('MouseEvents'); // 創(chuàng)建鼠標(biāo)事件對(duì)象
e.initEvent('click', false, false); // 初始化事件對(duì)象
a.href = url; // 設(shè)置下載地址
a.download = filename || ''; // 設(shè)置下載文件名
a.dispatchEvent(e);

// 將url轉(zhuǎn)成blob地址
fetch(url)
    .then(res => res.blob())
    .then(blob => {
        const a = document.createElement('a');
        // 將鏈接地址字符內(nèi)容轉(zhuǎn)變成blob地址
        a.href = URL.createObjectURL(blob);
        a.download = filename; // 下載文件的名字
        document.body.appendChild(a);
        a.click();
        // 下載完成后 清除占用的緩存資源
        window.URL.revokeObjectURL(a.href);
        document.body.removeChild(a);
    });

let xhr = new XMLHttpRequest();
// GET請(qǐng)求，downloadURL請(qǐng)求路徑url，async(是否異步)
xhr.open('GET', downloadURL, true);
// 設(shè)置請(qǐng)求頭參數(shù)的方式,如果沒有可忽略此行代碼
xhr.setRequestHeader("Token", 'Bearer ' + getStorage().token); // token
// 設(shè)置響應(yīng)類型為 blob
xhr.responseType = 'blob';
// 關(guān)鍵部分
xhr.onload = function () {
    //如果請(qǐng)求執(zhí)行成功
    if (this.status === 200) {
        // 下載文件
        const blob = new Blob(this.response);
        const href = window.URL.createObjectURL(blob); // 創(chuàng)建下載的鏈接
        const a = document.createElement('a');
        a.href = href;
        a.download = fileName; // 下載文件名
        document.body.appendChild(a);
        a.click(); // 點(diǎn)擊下載
        document.body.removeChild(a); // 下載完成移除元素
        window.URL.revokeObjectURL(href); // 釋放掉blob對(duì)象
        
        // 可通過xhr.getResponseHeader('content-disposition')頭部參數(shù)，文件名等
        // let headerParams = xhr.getResponseHeader('content-disposition')?.split(";") || [];
    }
};
// 發(fā)送請(qǐng)求
xhr.send();
xhr.onreadystatechange = function () { 
    if (xhr.readyState === 4 && xhr.status === 200) { 
        // 成功后操作 
    } 
};

axios({
    method: method ||'post',
    url,
    responseType: 'blob',
    headers: {
        'Content-Type': 'application/json; charset=utf-8'
        // 可在此處添加請(qǐng)求參數(shù)
        token: 'token值'
    }
    data: JSON.stringify(params)
}).then(res => {
    if (res) {
        const blob = new Blob(res);
        const url = window.URL.createObjectURL(blob)
        const a = document.createElement('a')
        a.style.display = 'none'
        a.href = href;
        a.download = fileName; // 下載文件名
        document.body.appendChild(link)
        link.click()
        document.body.removeChild(link); // 下載完成移除元素
        window.URL.revokeObjectURL(url); // 釋放掉blob對(duì)象
    } else {
        message.error('下載失敗')
        return;
    }
})