封装了axios，请求状态是200，但then和catch 方法都进去了

Question

my_axios[method] = function (uri, data, config) {
    return new Promise(function (resolve, reject) {
      instance[method](uri, data, config)
        .then((respone) => {
          console.log('成功')
          if (respone.status) {
            resolve(respone);
          } else {
            if (respone.msg.match(/[0-9]+/)[0] === '302') {
              Vue.$message.error('登录过期，请重新登录')
              Vue.$router.push('/login')
            }
            resolve(respone);
          }
        })
        .catch((response) => {
          console.log('失败')
          Vue.$message.error('服务器错误，请稍后再试')
          reject(response)
        })
    })
  }

Answer 1

“成功”可以被打印出来，那么表示你的instance[method]这个promise是resolve了的。

我猜：你的代码在console.log('成功')之后，resolve(...)之前报错了

建议你在catch里面把response在控制台打印出来，看看是不是上面的then中的逻辑有错误（比如，上面then中的response实际上是undefined）

Answer 2

emmm 我们是这么封的

my_axios[method] = function() {
    return instance[method].apply(this, argument) 
        .then(res => {
            ...
            if (...) return Promise.resolve(...)
            else return Promise.reject({
                type: 'something wrong',
                payload: res
            })
        })
        .catch(err => Promise.reject({
            type: 'request failed',
            payload: err
        }))
}

Answer 3

'302'去掉引号