美文网首页
JS axios.post 下载文件遇到的坑

JS axios.post 下载文件遇到的坑

作者: 笨小孩81 | 来源:发表于2020-01-13 16:24 被阅读0次

在开发中,axios.post下载文件 需要配置可选参数:

{ responseType: 'blob' }

一开始是这样写的:

axios.post('http://127.0.0.1:8080/download',{ responseType: 'blob' })

死活不对,搜索了好多文章,都是这样写的:

xxxx.post('http://127.0.0.1:8080/download',{ responseType: 'blob' })

查看axios.post 相关文档发发现axios.post 的参数应该是:

AxiosInstance.post<any>(url: string, data?: any, config?: AxiosRequestConfig): AxiosPromise<any>

改成:

axios.post('http://127.0.0.1:8080/download',{},{ responseType: 'blob' })

搞定,其实就是参数位置没写对,按搜索到的文章为什么那样写?是他们写错了?其实不然!是因为文章作者用的可能是对axios进行了一次封装,所以在面向搜索引擎编程的时候千万不要直接就拷贝别人的代码,还得自己过过脑子。

完整代码:

const res = await axios.post('http://127.0.0.1:8080/download', {}, { responseType: 'blob' })
      const blob = new Blob([res.data])
      // window.URL.createObjectURL(blob)
      const elink = document.createElement('a')
      elink.download = 'fileName.zip'
      elink.style.display = 'none'
      elink.href = URL.createObjectURL(blob)
      document.body.appendChild(elink)
      elink.click()
      URL.revokeObjectURL(elink.href)
      document.body.removeChild(elink)

相关文章

  • JS axios.post 下载文件遇到的坑

    在开发中,axios.post下载文件 需要配置可选参数: 一开始是这样写的: 死活不对,搜索了好多文章,都是这样...

  • 【Spring MVC】上传文件与文件下载

    文件上传 文件下载 第一次写文件下载遇到了个坑,最开始我在前端弄了个下载事件触发的function(),这个fun...

  • 关于使用将axios的请求参数Request Payload格式

    1.在项目中以如下方式引入axios.min.js文件 2. 3.使用axios.post(url,parms)....

  • JS下载文件

    1.JS如何下载文件 有时候写JS的时候回遇到下载文件的问题,平时如果是一些浏览器打不开的文件,比如一些word,...

  • 记一次BUG:File.createTempFile(prefi

    背景 在之前做文件上传与下载时,在这里记录一个遇到下载文件的坑,希望大家看了可以避免。 BUG来源 背景:在做下载...

  • js 文件下载

    项目中我们经常会遇到需要下载文件的功能,静态的文件资源可以使用 a 标签下载,动态的则需要我们通过 js 处理,s...

  • JSSDK 微信分享

    记录一下我前段时间做微信分享遇到的麻烦和坑。先说一下使用方式,最后写我遇到的坑 引入 JS 文件 我用的是 当然...

  • gradle跳坑指南

    下载了一个Auto.js的项目, 在build的过程中遇到各种问题, 特此记录遇到的一些坑 Could not f...

  • laydate 时间选择器组建(一)

    效果图展示 需要引入的js文件 文件下载 html代码 js代码

  • Android使用HttpGet下载文件计算下载进度

    在使用HttpGet下载文件的时候,遇到一个比较坑的问题就是获取文件大小. 无论是使用HttpURLConnect...

网友评论

      本文标题:JS axios.post 下载文件遇到的坑

      本文链接:https://www.haomeiwen.com/subject/irqnactx.html