使用 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

我也面臨同樣的問題並花了足夠的時間，原因你會注意到響應 object 包含無效的數據，因此前端解析出錯了，所以在我的情況下，解決方案非常簡單。 在進行 API 調用時，我添加了responseType作為數組緩沖區以使其工作：

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