在原有vue-elemnt ui 中 对axios进行封装,出现请求成功但是走catch的bug

前一篇博客传送门:https://blog.csdn.net/snowbeatrain/article/details/80776180 

bug:请求参数返回,但是提示错误

在原有vue-elemnt ui 中 对axios进行封装,出现请求成功但是走catch的bug_第1张图片

原因: 

在跟目录下创建一个http.js用于引入axios,进行封装  (由于是在原有项目上进行的修改,原有请求是单独对参数进行的处理。所以此处封装并没有处理参数)。以下是报错的post get的封装代码:

var get = function(url, params) {
  return new Promise((resolve, reject) => {
    // {
    //   params: params
    // }
    axios
      .get(url, params)
      .then(res => {
        console.log(res)
        resolve(res.data);
      })
      .catch(err => {
        reject(err);
      });
  });
};
var post = function(url, data) {
  return new Promise((resolve, reject) => {
    // qs.stringify(data)
    axios
      .post(url, data)
      .then(res => {
        console.log(res)
        resolve(res.data);
      })
      .catch(err => {
        reject(err);
      });
  });
};

 解决方法:

将封装请求的.then中的 resolve(res.data);改为resolve(res)即可

你可能感兴趣的:(axios)