控制台报错:Uncaught (in promise):XXXXX问题定位以及前端文件流excel文件下载方法

今天对接上传文件的接口时,明明接口是通的,也正常返回了文件流,然而,控制台就是打印不出返回值,而且一直报错Uncaught (in promise):XXXXX

控制台报错:Uncaught (in promise):XXXXX问题定位以及前端文件流excel文件下载方法_第1张图片
去查看axios的封装函数,这个internal error是从返回值拦截器的err中抛出来,这意味着这个axios的函数调用的过程中有异常,失败了。

排查问题:

1.先从拦截器返回值的判断开始排查,因为控制台无法输出数据
查看是否将数据拦截错误,或者respond.code 的值判断错误

控制台报错:Uncaught (in promise):XXXXX问题定位以及前端文件流excel文件下载方法_第2张图片
经过log发现并没有打印出来res的值,所以不是从这里catch错误的

2.往前查找,查看封装方法的入参那里,是不是入参方式错误,导致的,
更改传参方式,终于确定是传参方式导致调用axios调用出错,直接抛出异常~
解决方案:在调用的地方使用正确的方式调用axios封装函数即可。

错误调用方式:

控制台报错:Uncaught (in promise):XXXXX问题定位以及前端文件流excel文件下载方法_第3张图片

正确的调用方式:

因为是get请求所以要注意传参方式,此时控制台已经能正确log出res了

控制台报错:Uncaught (in promise):XXXXX问题定位以及前端文件流excel文件下载方法_第4张图片

你可能感兴趣的:(vue使用,前端)