axios 下载xlsx打不开

原创

mob64ca12f6aae1 2024-03-13 05:01:32 ©著作权

文章标签 ios 数据 javascript 文章分类 iOS 移动开发

©著作权归作者所有：来自51CTO博客作者mob64ca12f6aae1的原创作品，请联系作者获取转载授权，否则将追究法律责任

实现“axios 下载xlsx打不开”的步骤

关系图

erDiagram
    DEVELOPER ||--o NEWBIE : 教授

流程图

flowchart TD
    A[开始] --> B{了解问题}
    B --> C{查找解决方案}
    C --> D{实践}
    D --> E{调试}
    E --> F[解决问题]

步骤一：了解问题

新手小白遇到的问题是 axios 下载 xlsx 文件无法打开，我们需要帮助他解决这个问题。

步骤二：查找解决方案

首先，让我们来看一下整个解决问题的流程：

步骤	描述
1	发送 axios 请求
2	处理返回的数据
3	将数据转为 xlsx
4	提供下载链接

步骤三：实践

1. 发送 axios 请求

首先，我们需要安装 axios：

npm install axios

接着，使用 axios 发送请求：

// 发送 GET 请求
axios.get('
    .then(response => {
        console.log(response.data);
    })
    .catch(error => {
        console.error(error);
    });

2. 处理返回的数据

在处理返回的数据时，我们需要确保数据是符合 xlsx 格式的。可以使用第三方库 xlsx 来处理数据：

npm install xlsx

const XLSX = require('xlsx');
const data = [
    ['id', 'name'],
    [1, 'Alice'],
    [2, 'Bob']
];

const ws = XLSX.utils.aoa_to_sheet(data);
const wb = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');
const wbout = XLSX.write(wb, { bookType: 'xlsx', type: 'array' });

3. 将数据转为 xlsx

将数据转为 xlsx 格式后，我们可以将其提供给用户下载：

const blob = new Blob([wbout], { type: 'application/octet-stream' });
const url = URL.createObjectURL(blob);
const link = document.createElement('a');
link.href = url;
link.download = 'data.xlsx';
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
URL.revokeObjectURL(url);