Vue3 前端接收后端压缩包下载 - 使用Axios实现文件下载 - 常规

在Vue 3中，你可以使用Axios库来发送HTTP请求并接收数据。首先，你需要在项目中安装Axios库。

npm install axios

然后，在你的Vue组件中导入并使用Axios来发送请求。

import axios from 'axios';

export default {
  methods: {
    downloadFolder() {
      axios.get('/your-api-endpoint')
        .then(response => {
          // 处理响应数据
          const file = new Blob([response.data], { type: 'application/octet-stream' });
          const fileURL = URL.createObjectURL(file);
          const link = document.createElement('a');
          link.href = fileURL;
          link.setAttribute('download', '7月税务信息.zip');
          document.body.appendChild(link);
          link.click();
          document.body.removeChild(link);
        })
        .catch(error => {
          // 处理错误
          console.error(error);
        });
    },
  },
};

在上述代码中，你需要将/your-api-endpoint替换为你的后端API的实际地址。当你调用downloadFolder方法时，它会发送一个GET请求到后端API，并接收响应数据。然后，它会创建一个Blob对象，并使用createObjectURL方法生成一个文件URL。最后，它会创建一个<a>元素，并设置download属性和文件名，然后模拟点击该链接以下载文件。

请确保将服务器端的DownloadFolder方法设置为正确的路由，并将其与前端API的地址匹配。