如何二次封装 Axios 下载文件和上传文件？

文章预览

点击上方  前端Q ，关注公众号 回复 加群 ，加入前端Q技术交流群 一 下载文件 正常情况下，我们用axios下载下来的文件是一个二进制的东西，需要处理才能成一个真真的文件。比如：我用express写一个接口，就是当页面访问的时候，下载这个美女图片。 服务端 客户端 浏览器console 上图里面，对象data里面放了很多二进制的东西，就是我们的文件内容，我们需要用Blob对象，把他转成Blob，然后用 window.URL.createObjectURL(blob) 给出电脑内存里面的url地址，然后创建一个a标签，执行他的click事件，浏览器就完成了自动下载。所以说：文件的自动下载，是前端自己封装的，不是后端做的。 说明：当设置responseType: 'blob'的时候，请求返回值里面的data本来就是Blob类型了，我们就不用再用 const blob = new Blob([response.data]); 转化了。直接拿内存里面的url即可。 设置 respon ………………………………