前端導出功能實現的兩種方式

1.點擊鏈接

數據、文件格式全部在后台封裝好，返回給前端一個鏈接，前端通過點擊鏈接自動下載，兩種方式：

（1）window.location.href = ‘url’
（2）<a href='url' download=''></a>

2.解析后台返回的文件流

這種方式就是后台將要導出的文件以文件流的方式返回給前端，前端通過blob去解析，再動態創建a標簽。

// 發請求
this.axios.post(url, {param: paramName}, {responseType: 'arraybuffer'}).then(res => {
    let content = res.data; // 文件流
    let blob = new Blob([content]，{type: 'application/octet-stream'});
    let fileName = 'filename.xls';
    // 如果后端返回文件名
    // let contentDisposition = res.headers['content-disposition'];
    // let fileName = decodeURI(contentDisposition.split('=')[1]);
        if ('download' in document.createElement('a')) {  // 非IE下載
        let link = document.createElement('a');
        link.download = fileName;
        link.style.display = 'none';
        link.href = URL.createObjectURL(blob);
        document.body.appendChild(link);
        link.click();
        URL.revokeObjectURL(link.href) ; // 釋放URL 對象
        document.body.removeChild(link);
    } else {  // IE10+下載
      navigator.msSaveBlob(blob，fileName);
    }
})