在Vue项目中对服务器返回的文件链接进行下载/导出

效果图:

实现步骤:

当调用后台接口,返回给你文件下载地址时,那么就需要前端通过a标签中的download属性来进行文件下载

let link = document.createElement('a')
/*
 process.env.VUE_APP_BASE 表示API域名
 result.data.download_url表示文件路径
 例如 http://www.xxx.com/student220210923201515.xlsx
 */
link.href = process.env.VUE_APP_BASE + '/' + result.data.download_url
link.setAttribute('download', result.data.download_url)
link.click()
link = null
this.$message.success('导出成功')
如果觉得文章有帮助到你,可以扫描以下二维码
   请本文作者 喝一杯
pay_weixin pay_weixin

发表评论

电子邮件地址不会被公开。 必填项已用*标注