vue前端接收后端URL导出elsx

1.引入导出URL方法

export const download = (urls) => {
  let name = urls
  // let url = window.URL.createObjectURL(new Blob(config.url + urls)); //创建下载链接
  let link = document.createElement('a') // 创建a标签
  link.style.display = 'none' // 将a标签隐藏
  link.href = (window.conf.host|| window.location.origin) + '/'+ urls // 给a标签添加下载链接(本地服务器)
  // link.href = '/' + urls // 给a标签添加下载链接(可本地localhost)
  link.setAttribute('download', `${name}`) // 此处注意，要给a标签添加一个download属性，属性值就是文件名称 否则下载出来的文件是没有属性的，空白白
  document.body.appendChild(link)
  link.click() // 执行a标签
}

2.调后端接口

SaveAwqc1Excel({
        cmd:"SaveAwqc1Excel",
        data:JSON.stringify({
          list:arr,
          STAFF:Cookies.get("STAFF")
        })
      }).then((rs) => {
        if ("0" === rs.erron) {
          this.$Message.success("导出成功!");
          download(rs.msg)//download方法，rs.msg为后端返回的url
        }
          this.$Message.error("导出失败");
      });