目的:页面中点击按钮实现下载excel文件
步骤:
-
向后端发送请求: 使用
axios
(或其他 HTTP 客户端)向后端发送请求以获取文件。通常,文件会以 Blob 形式返回。 -
处理响应数据: 将响应数据(Blob 对象)处理为下载链接,并模拟点击以触发下载。
具体步骤:
1. 安装 axios(如果还未安装)
npm install axios
2. 编写 Vue 组件
<template><div><button @click="downloadExcel">下载 Excel</button></div>
</template><script>
import axios from 'axios';export default {methods: {async downloadExcel() {try {const response = await axios({url: '/api/path-to-your-excel-file', // 替换为实际的请求 URLmethod: 'GET',responseType: 'blob', // 重要:指定响应类型为 blob}