Promise使用时应注意的问题

 1 // 业务代码调用
 2 axios({
 3     url: url,
 4     method: ‘post‘,
 5     data: data
 6   }).then(res => {
 7     // 提示用户数据更新成功
 8     // 问题：后端接口明明报了500错误，但代码确运行到了这里，导致前端界面提示更新成功
 9   }).catch(err => {
10     // 提示用户更新失败
11     // 问题：本该运行到这里捕获错误，结果却并未捕获
12   })

// 自己封装的用来过滤http错误的方法
function filter500(error, code, errMsg) {
  // 界面提示代码略
  
  return Promise.reject(new Error(error))
}

// axios整体配置，对响应进行拦截
axios.interceptors.response.use(data => {
  // ui效果代码略
  return data
}, error => {
  // ui效果代码略
  const errMsg = error.toString()
  const code = errMsg.substr(errMsg.indexOf(‘code‘) + 5)

  if (code === ‘401‘) {
    filter401() // 注意这里并未返回
  } else if (code === ‘500‘) {
    filter500(error, code, errMsg) // 注意这里并未返回
  } else {
    return Promise.reject(new Error(error))
  }
})