如何用axios vuejs下载excel文件？

使用axios和Vue.js下载Excel文件的方法如下：

首先，确保你已经安装了axios和Vue.js，并在你的项目中引入它们。
在Vue组件中，使用axios发送GET请求获取Excel文件的URL。可以使用axios的get方法来发送请求，如下所示：

axios.get('excel_file_url', {
  responseType: 'blob' // 设置响应类型为blob
})
.then(response => {
  // 处理响应数据
})
.catch(error => {
  // 处理错误
});

在响应成功的回调函数中，创建一个Blob对象，并使用URL.createObjectURL方法生成一个临时的下载链接。然后，创建一个a标签，设置其href属性为下载链接，设置download属性为文件名，模拟点击a标签来触发下载。

.then(response => {
  const url = window.URL.createObjectURL(new Blob([response.data]));
  const link = document.createElement('a');
  link.href = url;
  link.setAttribute('download', 'excel_file.xlsx');
  document.body.appendChild(link);
  link.click();
})

在上述代码中，response.data是响应的二进制数据，通过创建Blob对象来保存数据。window.URL.createObjectURL方法将Blob对象转换为临时下载链接。然后，创建一个a标签，设置其href属性为下载链接，设置download属性为文件名，最后将a标签添加到文档中，并模拟点击a标签来触发下载。

完整的Vue组件示例代码如下：

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

<script>
import axios from 'axios';

export default {
  methods: {
    downloadExcel() {
      axios.get('excel_file_url', {
        responseType: 'blob'
      })
      .then(response => {
        const url = window.URL.createObjectURL(new Blob([response.data]));
        const link = document.createElement('a');
        link.href = url;
        link.setAttribute('download', 'excel_file.xlsx');
        document.body.appendChild(link);
        link.click();
      })
      .catch(error => {
        console.error(error);
      });
    }
  }
}
</script>

请注意，excel_file_url应该替换为实际的Excel文件的URL。

这是使用axios和Vue.js下载Excel文件的方法。希望对你有帮助！