javascript - 使用 vue js 和 axios 下载时 XLSX 文件损坏

Question

您好，我正在尝试使用 axios 为 excel 文件创建下载，但我无法下载和打开它，您能帮我检查一下是什么问题吗？

    const blob = new Blob([result.data], { type: 'application/vnd.ms-excel' });

                            const url = URL.createObjectURL(blob)
                            const link = document.createElement('a')
                            link.href = url
                            link.setAttribute('download', 'atetes.xlsx')
                            document.body.appendChild(link)
                            link.click()

我尝试了很多解决方案，但我总是得到一个损坏的文件

Answer 1

我也遇到了同样的问题并花了足够的时间，原因你会注意到响应对象包含无效的数据，所以前端解析出错了，所以在我的情况下，解决方案非常简单。在进行 API 调用时，我添加了 响应类型 作为数组缓冲区使其工作:

return await client({ method: "get", url: `[YOUR API ENDPOINT]`,
      responseType: "arraybuffer",
      headers: {
        "Authorization": token,
        "Accept": "application/octet-stream",
      }});