从 catch 块中获取“未捕获（承诺中）错误”

Question

我遇到了一个奇怪的错误，我已经为此苦苦挣扎了将近一天。看来我拒绝的承诺没有被我的catch 块抓住。我对es6 async 和await 有点陌生；但是，它似乎与我在 C# 中习惯的非常相似。

Get: async function (request, cancelToken = null) {
console.info('Sending GET', request)
store.commit('global/setLoader', true)
let headers = getAuthTokenHeader()
try {
  var res = await Vue.axios({
    url: baseUrl + request.Url,
    params: request.Params,
    method: 'GET',
    headers
  }).catch(function (error) {
    console.error('Failed to GET: ' + error)
    if (typeof error.response !== 'undefined' && typeof error.response.data !== 'undefined' && error.response.data !== null) {
      throw new Error(error.response.data)
    } else {
      throw error
    }
  })
  console.info('Request received', res)
  return res
} finally {
  store.commit('global/setLoader', false)
}
},  

在if (typeof error.response !== 'undefined' && typeof error.response.data !== 'undefined' && error.response.data !== null) {线上抛出错误

根据https://javascript.info/async-await#error-handling
我不应该收到这个“Ucaught (in promise)”错误，因为我将整个异步调用包装在 await 中。

调用代码也在等待这个代码。这是参考的呼吁。

static async GetPackagingDimensions (input, Id) {
const request = {
  Url: 'api/packing/getPackagingBoxDimensionsByBarCode',
  Params: {
    boxBarcode: input,
    orderId: Id
  }
}
const res = await HttpUtil.Get(request)
return res

}

有趣的是，如果我将调用代码本身包装在 try catch 中，错误就会被适当地捕获。

为什么我无法从我的捕获中捕获被拒绝的承诺？

快速编辑 - 我的console.log 也没有在 catch 中被调用，但错误似乎是在下面的行中抛出的

Answer 1

try catch 不像 then catch 那样工作。

try {
  var res = await Vue.axios({
    url: baseUrl + request.Url,
    params: request.Params,
    method: 'GET',
    headers
  })
}
catch(error) {
    console.error('Failed to GET: ' + error)
    if (typeof error.response !== 'undefined' && typeof error.response.data !== 'undefined' && error.response.data !== null) {
      throw new Error(error.response.data)
    } else {
      throw error
    }
}

这就是在 js 中使用 try catch 块的方式。 await 解决了承诺

如果在解决 Promise 时发现错误，则将错误抛出到 catch 块