在Vue项目中，文件下载是一个常见的需求。以下是几种常用的方式，帮助你轻松实现这一功能：
第一种方法是使用`window.location.href`。通过将文件路径设置为超链接地址，浏览器会自动触发下载。例如：`window.location.href = 'https://example.com/file.pdf';` 📁➡️⬇️
第二种方法是利用`axios`发送请求并处理响应。这种方式可以设置请求头和参数，适合需要验证身份或传递复杂数据的场景。代码示例：
```javascript
axios({
url: '/api/download',
method: 'GET',
responseType: 'blob', // 重要！
}).then((response) => {
const url = window.URL.createObjectURL(new Blob([response.data]));
const link = document.createElement('a');
link.href = url;
link.setAttribute('download', 'file.pdf'); // 设置下载的文件名
document.body.appendChild(link);
link.click();
});
```
第三种方法是通过后端接口返回文件流，前端接收并保存为文件。这种方式灵活性高，适合复杂的业务逻辑。
以上三种方法各有优劣，开发者可根据实际需求选择最适合的方式！ 🌟
免责声明：本文由用户上传，如有侵权请联系删除！
