vue3 axios 自动下载保存excel文件

在Vue3中，我们可以使用axios库来进行网络请求并下载保存Excel文件。下面是一个用于实现该功能的示例代码段：

1. 首先，我们需要在Vue项目中安装并导入axios和file-saver库：

npm install axios file-saver

import axios from 'axios';
import { saveAs } from 'file-saver';

2. 接下来，我们可以创建一个方法来发送网络请求和下载Excel文件：

methods: {
  downloadExcel() {
    axios({
      url: 'your_api_url_to_download_excel',
      method: 'GET',
      responseType: 'blob' // 设置响应类型为blob
    }).then(response => {
      const blob = new Blob([response.data], { type: 'application/vnd.ms-excel' }); // 创建一个blob对象
      saveAs(blob, 'your_excel_filename.xls'); // 保存文件
    }).catch(error => {
      console.error(error);
    });
  }
}

3. 最后，在Vue模板中添加一个按钮或其他触发下载的元素，并调用上面创建的方法：

<template>
  <button @click="downloadExcel">下载Excel文件</button>
</template>

这样，当你点击该按钮时，Vue3就会发送一个网络请求来获取Excel文件，并且文件会自动下载保存到本地。