请求错误处理

发布于：2024年01月01日

#请求错误处理

之前我处理Promise.reject通常是使用大量的try catch来包裹。阅读了掘金的这篇文章如何正确处理promise、await产生的错误 - 掘金 (juejin.cn)，使用window.unhandledrejection，如果是Vue环境中可以使用app.config.errHandle函数，可以捕获未被捕获的错误（未被链式catch或try catch）。

#示例代码

可以在errHandler函数自定义上报错误，错误堆栈信息

js
function errHandler(error) {
  const reason = error.reason;
 
  console.error(reason);
 
  alert(reason);
}
 
window.addEventListener("unhandledrejection", (error) => {
  errHandler(error);
 
  return true;
});
 
function testAsync() {
  return new Promise((resolve, reject) => {
    const isSuccess = Math.random() > 0.5;
 
    isSuccess
      ? resolve("成功-success")
      : reject(new Error({ message: "失败-fail" }));
  });
}
 
async function foo() {
  const result = await testAsync();
 
  console.log("=====", result);
}
 
document.querySelector(".btn").addEventListener("click", foo);