vue axios实现后置文件下载

本文的例子分享了vue axios下载帖子文件的具体代码，供大家参考。具体内容如下

功能：点击导出按钮，提交请求，下载excel文件；

这里是axios的post方法。获取方法，请点击这里=“这里”

第一步：与后端童鞋确认交付界面的响应头已设置

并返回文件流。

第二步：将axios请求的responseType修改为blob，以post请求为例：

axios({ method: 'post '，url: 'api/user/'，data: { firstName: 'Fred '，lastName: ' Flintstone ' }，Response Type :' blob'})。然后(回应={this。下载(响应)})。Catch ((error)={})第三步：请求成功后，调用下载函数(创建A标签，设置下载属性，插入到文档中，点击)

Methods: {//下载文件下载(数据){if(！data) { return }让url=window。URL . createobjecturl(new Blob([data])let link=document . createelement(' a ')link . style . display=' none ' link . href=URL link . setattribute(' download '，' excel . xlsx ')document . body . appendchild(link)link . click()} }以上就是本文的全部内容。希望对大家的学习有帮助，多多支持我们。