使用axios进行文件下载

问题

因为接口需要使用到自定义头,才能够正常取数据。这里主要介绍Axios自定义头,然后进行文件下载。

思路

axios设置自定义请求头后,然后,读取文件流,然后,创建一个隐藏的a标签,点击下载Blob即可。

Vue








效果

总结

需要注意的时候,这里的axios下载文件的时候,应该需要有个下载进度交互才对。

参考:

  • dreamyguy/downloadFile.js
  • [VUE] vue配置反向代理解决跨域
  • Force download GET request using axios
  • kennethjiang/js-file-download
  • 前端js/vue下载后台传过来的流文件(如excel)并设置下载文件名

你可能感兴趣的:(使用axios进行文件下载)