怎么在vue中使用axios下载文件


本篇文章为大家展示了怎么在vue中使用axios下载文件,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。功能:点击导出按钮,提交请求,下载excel文件;第一步:跟后端童鞋确认交付的接口的re免费云主机域名sponse header设置了以及返回了文件流。第二步:修改axios请求的responseType为blob,以post请求为例:第三步:请求成功,拿到response后,调用download函数(创建a标签,设置download属性,插入到文档中并click)
下面在通过实例代码看下vue中使用axios
1.安装axiosnpm:$ npm install axios -Scdn:2.配置axios在项目中新建api/index.js文件,用以配置axiosapi/index.js这里的配置了POST、GET、PUT、DELETE方法。并且自动将JSON格式数据转为URL拼接的方式同时配置了跨域,不需要的话将withCredentials设置为false即可并且设置了默认头部地址为:http://localhost:8080/,这样调用的时候只需写访问方法即可3.使用axios注:PUT请求默认会发送两次请求,第一次预检请求不含参数,所以后端不能对PUT请求地址做参数限制首先在main.js中引入方法然后在需要的地方调用即可上述内容就是怎么在vue中使用axios下载文件,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注百云主机行业资讯频道。

相关推荐: 开发餐饮小程序常用功能是什么

这篇文章主要介绍了开发餐饮小程序常用功能是什么,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。一、小项目餐饮业小程序点餐将成为部分餐饮业态的必然趋势。 免费云主机域名 餐饮行业借助小程序 微信支付…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 10/01 18:11
下一篇 10/01 19:17

相关推荐