这个封装请求既执行了then又执行了catch怎么回事？

Question

会同时输出111和222

api.common_post('test',{
  content: this.data.content
}).then(res=>{
  console.log(111)
}).catch(fail=>{
  console.log(222)
})

const http = ({ url = '',header, param = {}, method} = {}) => {
  return new Promise((resolve, reject) => {
    wx.request({
      url: url,
      data: param,
      header: header||{
        'content-type': 'application/json'
      },
      method,
      complete: (res) => {
        resolve(res.data)
      },
      fail: error=>{
        resolve(error)
      }
    })
  })
}

Answer 1

应该使用 success, 而不是 complete
complete 是指请求后的执行的函数，所以如果当你请求失败，complete 和 fail 都会执行

wx.request({
      xxxxxxx,
      success: (res) => {
        resolve(res.data)
      },
      fail: error=>{
        resolve(error)
      }
    })

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

Answer 2

属于success 和 complete 的混用，这种常见问题可以直接查阅文档。

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。