vue3导出文件自定义路径保存

在Vue3中，如果你想实现文件下载功能并允许用户自定义文件保存路径，你可以使用`axios`库配合`file-saver`插件来完成。以下是一个简单的步骤示例：

1. 首先，你需要安装必要的依赖：

npm install axios file-saver

2. 在你的组件中，假设有一个方法用于生成和下载文件数据(`dataToDownload`):

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

export default {
  methods: {
    downloadFile(customPath = '') {
      const url = '/api/download'; // 你的后台API地址，这里仅作示例
      const fileData = this.dataToDownload;

      axios.post(url, fileData) // 发送POST请求获取文件数据
        .then(response => {
          if (response.data && response.data.downloadUrl) { // 检查是否有下载链接
            const blob = new Blob([response.data.content], { type: response.data.type });
            saveAs(blob, customPath || 'your_filename.ext'); // 使用自定义路径或默认名称下载文件
          } else {
            console.error('Failed to get download link');
          }
        })
        .catch(error => {
          console.error('Error downloading file:', error);
        });
    },
  },
};

在这个例子中，用户可以调用`downloadFile`方法，并传入他们想要的自定义路径作为参数。如果没有提供路径，则使用默认名称。