雾里

前端调取接口下载 excel,获取 blob 触发 a 链接 下载过慢,如何解决?

前端调取接口获取 "blob" 触发 "a 链接" 下载 "excel"过慢 项目中,因为"excel"文件过大 导致后端调取接口时间过长,用户长时间等待后,才触发 "a 链接"的下载弹窗 有没有什么方案能先触发弹窗,再在后台运行下载? 大致代码如下 axios({ method, url, responseType: 'blob', }) .then(res => { const blob = new Blob([res.data], { type: 'application/vnd.ms-excel;charset=utf-8' }) // 创建一个类文件对象：Blob对象表示一个不可变的、原始数据的类文件对象 const link = document.createElement('a') // 创建一个a标签 link.download = 'xxx' // 设置a标签的下载属性 link.style.display = 'none' // 将a标签设置为隐藏 link.href = URL.createObjectURL(blob) // 把之前处理好的地址赋给a标签的href document.body.appendChild(link) // 将a标签添加到body中 link.click() // 执行a标签的点击方法 URL.revokeObjectURL(link.href) // 下载完成释放URL 对象 document.body.removeChild(link) // 移除a标签 })

销售经理537

如何优雅地处理后端返回的不规范数据格式以优化前端e-table组件？

由于后端接口不规范，返回的数据格式不统一，导致前端公共组件e-table接口里接收数据时要用多个||进行判断，这样写有一定的风险。 如：关于data.content.iTotalRecords，data里面可能没有content，故data.content.iTotalRecords就有可能发生错误。 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240923/65ab817cea411170a8991cff4256f7a5.png) 希望代码能别出错，并且能在优化一下代码