Vue中 实现文件流下载

    // 导出错误详情
    downLoadDataFile() {
      axios({
        method: 'get',
        url: '/api/export',
        responseType: 'blob',      //告诉服务器需要的响应格式
        params: {},
        headers: {          // 配置请求头，若统一处理可省略
          Accept: 'application/octet-stream',    
          token: myToken,             // 获取token，这里假定 myToken
        },
      }).then(res => {
        const contentDisposition = res.headers['content-disposition']; 
        const fileName = contentDisposition.split(';')[1].split('=')[1];  // 若fileName乱码，可能需要 decodeURI() 解码 
        // 以上两行代码获取服务端返回的文件名，当然也可以前端在此定义指定文件名 如：const fileName = test.xls
        // 将会被放入到 blob 中的数组内容的 MIME 类型,常用 ：application/vnd.ms-excel
        let blob = new Blob([res.data], { type: 'text/csv'});
        const link = document.createElement('a');
        link.href = URL.createObjectURL(blob); 
        link.download = fileName;
        link.style.display = 'none';
        document.body.appendChild(link);
        link.click();
        URL.revokeObjectURL(link.href);
        document.body.removeChild(link);
      }).catch(err => {
        console.log('导出失败')
      })
    },