当前位置:首页 » 《我的小黑屋》 » 正文

前端下载后端返回的文件流,取请求头content-disposition中的文件名

11 人参与  2024年05月15日 18:01  分类 : 《我的小黑屋》  评论

点击全文阅读


一、封装axios请求方法调取后端接口,需要添加 responseType:‘blob’

// 下载文件export function componentDownload(data) {    return request({        url: '/download',        method: 'get',        params: data,        responseType: 'blob',  // 注意需要加blob    });}

二、通过创建a标签的方式获取文件名,并下载文件

// 下载文件(压缩包)comDownload(item){    componentDownload({id: item.downloadId}).then(res=> {        let fileName = (res.headers['content-disposition'].split("="))[1]        const link = document.createElement('a')        const blob = new Blob([res], { type: 'application/zip' })        link.style.display = 'none'        link.href = URL.createObjectURL(blob)        link.setAttribute('download', fileName)        document.body.appendChild(link)        link.click()        document.body.removeChild(link)    })},

但是用上面的方法发现只能顺利下载文件,利用res.headers[‘content-disposition’]取不到后端给前端返回的请求头。这是因为配置了axios拦截器,而且在拦截器里写了相关的处理导致没有返回全部的响应信息。

前端需要取的response.data 和response.headers是一层的,当拦截器中返回res.data 后,就取不到外层的headers,因此前端要判断数据的返回。
在这里插入图片描述

总结

前端下载文件流获取请求头里的文件名的方法需要后端配置;
需要在封装的请求响应中进行数据返回的判断


点击全文阅读


本文链接:http://m.zhangshiyu.com/post/109141.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新文章

  • 暴雨惊魂夜:+后续(陆舟吴佳)全书免费_(陆舟吴佳)暴雨惊魂夜:+后续后续(陆舟吴佳)
  • 我死遁后,族长悔疯了:结局+番外(我死遁后,族长悔疯了:结局+番外)_我死遁后,族长悔疯了:结局+番外(战痕音音)列表_笔趣阁(战痕音音)
  • 温长生陆扶摇(温长生陆扶摇:结局+番外)完结_温长生陆扶摇列表_笔趣阁(温长生陆扶摇:结局+番外)
  • 梁岁霍司年叶琳完本(又名:似月光吻野风)完本_完本梁岁霍司年叶琳完本(又名:似月光吻野风)
  • 全书免费周宴礼宋知蔓(又名:改嫁闲散王爷后负心将军跪求我原谅)_周宴礼宋知蔓(又名:改嫁闲散王爷后负心将军跪求我原谅)全书免费
  • 天鹅曾坠落(江舒白秦蓁)_天鹅曾坠落(江舒白秦蓁)
  • [爱的莫比乌斯环]精彩节选免费试读_江子安娇娇老公节选免费试读
  • 温长生陆扶摇:结局+完结宝藏_温长生陆扶摇:结局+完结宝藏
  • 好看的温长生陆扶摇:结局+完结宝藏_温长生陆扶摇:结局+完结宝藏
  • 全书免费娘子为师弟夺我秘宝后我灭她满门月婵柳安澜李凤年在线(又名:娘子为师弟夺我秘宝后我灭她满门)_娘子为师弟夺我秘宝后我灭她满门月婵柳安澜李凤年在线(又名:娘子为师弟夺我秘宝后我灭她满门)全书免费
  • 离婚后嫁死对头,冷傲总裁红了眼:+后续列表_离婚后嫁死对头,冷傲总裁红了眼:+后续(姜岁宁顾寒川)
  • 开学家长会上,丁克妻子成了竹马儿子的妈妈精彩节选试读_[淼淼杨文泽杨锐]精彩节选试读

    关于我们 | 我要投稿 | 免责申明

    Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1