vue3根据url下载方法

在Vue3中，根据URL下载文件通常可以使用fetch API、axios库或者传统的XMLHttpRequest（XHR）。这里以axios为例，因为它是常用的HTTP客户端，简化了请求流程：

import axios from 'axios';

function downloadFile(url) {
  const a = document.createElement('a');
  a.href = url;
  a.download = 'file-name'; // 替换为你想要的文件名

  // 创建隐藏的form元素并设置其action属性为当前链接
  const form = document.createElement('form');
  form.style.display = 'none';
  form.action = url;

  // 将创建的链接添加到form的submit事件处理程序
  a.addEventListener('click', function(e) {
    e.preventDefault(); // 阻止默认行为，防止页面跳转
    form.submit();
  });

  // 触发点击事件模拟下载
  document.body.appendChild(form);
  a.click();

  // 然后移除临时元素
  document.body.removeChild(form);
}

// 使用示例
downloadFile('http://example.com/file-to-download.zip');