使用封装axios请求之network请求成功,控制台打印catch错误

问题描述:在使用ruoyi-ui写后台管理时,出现了请求成功,但是代码不走then,走的是catch的情况,在网上多方查找也没有找到解决方案,最终经过排查,最终发现导致此现象的原因,这里附上若依官网

这里使用的是ruoyi自带的request.js(封装的axios)实现请求,出现了下面的情况
控制台显示:(catch报错)
使用封装axios请求之network请求成功,控制台打印catch错误_第1张图片
network显示:(请求成功)
使用封装axios请求之network请求成功,控制台打印catch错误_第2张图片
最终排查原因在request.js里,在响应拦截器里判断响应状态码里有下列判断

else if (code !== 200) { //如果状态码不等于200 
      Notification.error({ //推送错误
        title: res //返回的信息
      });
      return Promise.reject("error");
    }

使用封装axios请求之network请求成功,控制台打印catch错误_第3张图片

解决方法:注释掉或者删掉即可
使用封装axios请求之network请求成功,控制台打印catch错误_第4张图片

总结:该原因主要是官方拟定的状态码跟后台返回的状态码不一致导致的问题,
所以需要根据实际情况更改框架

你可能感兴趣的:(使用封装axios请求之network请求成功,控制台打印catch错误)