vue axios请求成功却进入catch的原因分析

最新推荐文章于 2024-08-05 18:19:35 发布

me小青子

最新推荐文章于 2024-08-05 18:19:35 发布

阅读量5.6k

点赞数

文章标签： vue.js 前端前端框架

本文链接：https://blog.csdn.net/qq_42977740/article/details/123096139

版权

问题：post请求-URL传参方式 axios返回200状态码（请求成功），数据不更新却走进了catch里面

原因： then()方法里的逻辑代码错误，所以接口走进了catch，具体如下：

post: function (url, params, successCallBack, errorCallBack) {
    service.post(url, params, FORM_DATA_TYPE)
      .then(function (response) {
        if (response && response.code.toString() === "200") {
          successCallBack(response);
        } else {
        debugger;
          errorCallBack(response);
        }
      }).catch(function (error) {
        errorCallBack(error);
      })
  }



searchTag: "/graph/searchGraphTag",  // 主体字典 列表
    searchGraphTag: function (params, succesCallback, errorCallback) {
      service.postA(this.searchTag + '?' + params, succesCallback, errorCallback)
    },

 let params = 'tagName='+that.tagName+'&pageNo='+that.pageNum+'&pageSize='+that.pageSize;
 that.httpService.configManage.searchGraphTag(
        params,
        function(res) {
          if (res.code == '200') {
            that.mainData = res.data.data;
            // that.elMsg(res.msg,'success',true)
            that.totals = Number(res.data.recordsTotal);
          }
        },
        function(error) {
          that.elMsg(error.msg, "error", true);
        }
      );

接口成功却没有数据，检查发现是因为then()的逻辑不对，多传了一个参数，所以进入了catch里面；修改如下：

postA: function ( params, successCallBack, errorCallBack) {
    service.post( params, FORM_TYPE)
      .then(function (response) {
        if (response && response.code.toString() === "200") {
          successCallBack(response);
        } else {
          errorCallBack(response);
        }
      }).catch(function (error) {
        errorCallBack(error);
      })
  },

searchTag: "/graph/searchGraphTag",  // 主体字典 列表
    searchGraphTag: function (params, succesCallback, errorCallback) {
      service.postA(this.searchTag + '?' + params, succesCallback, errorCallback)
    },

完美解决