前端使用React框架axios请求后端接口下载文件,请求返回正常但文件大小和内容异常。经排查,其原因是使用了mockjs用作数据模拟,导致了请求异常,将其注释掉后,文件大小与内容恢复正常。
目录
1.文件异常
2.定位问题
3.文件正常
总结
1.文件异常
文件大小比原件大近一倍:
![](https://i-blog.csdnimg.cn/blog_migrate/755ce4bdae99cc8768b8b28ee9b553de.png)
文件内容空白:
![](https://i-blog.csdnimg.cn/blog_migrate/a2f01421a9af82698c5613f3679549d6.png)
控制台截图,可以看到文件流大小及request类型异常:
2.定位问题
根据控制台截图,将引入的mockjs注释:
3.文件正常
注释后,文件下载大小及request类型恢复正常:
![](https://i-blog.csdnimg.cn/blog_migrate/cb1fb43c6011801ae9cca84fb689d648.png)
总结
综上,是整个问题的解决过程,在这里记录下。