Vue：如何实现日志导出下载功能？

提示：当前日志导出下载功能，是基于后端接口返回的日志数据url地址进行操作。
提示：当前日志导出下载功能，是基于后端接口返回的日志数据url地址进行操作。
提示：当前日志导出下载功能，是基于后端接口返回的日志数据url地址进行操作。

1.后端接口返回数据示例

{"status":0,"data":{"file_url":"http://test//tmp/log.bin"}}

提示：基于类似上述文件地址 实现导出下载功能

2.关键代码

<button@click="exportLog()">导出</button>

exportLog(){logApi().then((res)=>{if(res.status==0){constnow=newDate();constyear=now.getFullYear();constmonth=('0'+(now.getMonth()+1)).slice(-2);constday=('0'+now.getDate()).slice(-2);consthours=('0'+now.getHours()).slice(-2);constminutes=('0'+now.getMinutes()).slice(-2);constseconds=('0'+now.getSeconds()).slice(-2);constformattedTime=year+month+day+hours+minutes+seconds;constlink=document.createElement('a');constblob=newBlob([res.data.file_url]);link.style.display='none'link.href=URL.createObjectURL(blob)link.setAttribute('download','config_'+formattedTime+'.bin')//setAttribute,第二个参数是定义导出文件的名称。document.body.appendChild(link)link.click()document.body.removeChild(link)}});},