使用axios实现文件下载

最新推荐文章于 2025-06-04 10:58:29 发布

原创最新推荐文章于 2025-06-04 10:58:29 发布 · 719 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #vue.js

日常问题同时被 2 个专栏收录

4 篇文章

订阅专栏

axios

1 篇文章

订阅专栏

本文介绍了如何在Vue应用中使用AIXOS框架配合axios发送POST请求下载文件，通过npminstall安装js-file-download库并全局注册，详细步骤包括安装、注册方法和具体API调用。遇到的问题和解决方案有助于开发者在处理文件下载时避免常见困扰。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用aixos实现文件下载

直接使用this.$axios.post(url,args)不能下载文件
解决方案：

安装npm install js-file-download --save
全局注册

import fileDownload from "js-file-download";
Vue.prototype.$fileDownload = fileDownload;

使用

this.$axios.post("/download",this.$qs.stringify({fid:this.fids[i].fid}),{responseType:"arraybuffer"})
                      .then(res =>{
//第二个参数为文件名
                        this.$fileDownload(res.data,this.fids[i].fileName);
                      })
                      .catch(error =>{
                        this.$message.error("下载失败");
                      })