目录

pcap前端数据解析-responseType-arraybuffer

目录

pcap前端数据解析 responseType: ‘arraybuffer‘

问题:调取后台接口返回的数据流是正确的,但是前端下载文件之后,Wireshark不能正常打开。

https://i-blog.csdnimg.cn/blog_migrate/b37fc27b608a1ee780ee69f302fa4bb3.png

贴上代码:

https://i-blog.csdnimg.cn/blog_migrate/6fd7e9f901fe4ffa493956aaa5d28780.png

https://i-blog.csdnimg.cn/blog_migrate/9df69746755df503d89ebb20c8f4f68a.png

问题排查:postman下载的文件,是可以正常打开的,排除后台接口的问题,只能是前端代码的问题,经过一番折腾,发现问题可能出在:接受到文件流之后,经过了一系列转码之后,过程中使用的一些转换方式或者编码方式不对,导致下载后的文件不能正常解析。经过后台小伙伴以及百度的帮助。改写了前端代码:重新写了一个axios的请求,

注意重点: 响应方式改为:responseType:‘arraybuffrer’

https://i-blog.csdnimg.cn/blog_migrate/e01000fd89cfbdcde01c68fd79de4dc6.png

axios({
    method: 'post',
    url: `${url}`,
    headers: {
        'Content-Type': 'application/json',
        'Authorization': "Bearer" + " " + window.sessionStorage.getItem("Authorization") // 本项目调取接口的必传参数
    },
    data:params,
    responseType: 'arraybuffer'
});

再次下载的文件可以正常打开了

https://i-blog.csdnimg.cn/blog_migrate/766a396ef0130d7c4178f888d7a11548.png