前端接收文件流损坏

前端接收文件流损坏

问题描述

后端返回文件流给前端,前端接收文件打开后提示文件损坏

image-20260329142615397

排查过程

  1. 使用接口调用工具ApiFox、PostMan等工具调用接口是正常的,文件也可以正常接收,但是使用前端Blob接收文件打开就会损坏
  2. 多次排查相应拦截器,接口响应接收等都无问题
  3. 这个问题卡了一下午也是毫无头绪,问了各个AI也是没解决
  4. 最后上CSDN搜了下发现一个博主的文章:后端返回文件流,前端导出文件损坏怎么办(踩坑记录)
  5. 这个博主的问题情况跟我很像,并且在项目中也找到了Mock的使用,最后关闭Mock配置顺利解决

image-20260329143912219

总结

Mock模拟测试会将响应数据转换成字符串数据,导致Blob数据无法成功转换。