hfh215246411 2021-09-29 16:00 采纳率: 90%
浏览 58
已结题

前端怎么具体的捕获异常？

前端开发的时候遇到这样一个场景。
1，点击按钮，调用方法
2，方法中调用后端接口，拿到数据
3，拿数据进行一系列操作
4，方法结束
这个过程中，后端返回的数据或可能缺失不全，此时我需要捕获异常，我的做法是使用一个try，catch包裹了整个方法，一但出现我需要的数据而后端又没有返回，页面就会弹出提示程序异常。但还不够，需求想要我报出具体哪个数据出了异常，方便定位问题。我该怎么做？我能想到的操作是项目中每个接口每个数据都用try，catch。但我觉得这不合理，工作量也太大。有没有简便的操作方式来解决问题呢？

  • 写回答

3条回答 默认 最新

  • RE_ABANDON 2021-09-29 16:04
    关注

    调接口使用通用方法，不同接口用code变量区分，一旦调用失败，将code和接口返回的错误信息抛出即可

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

  • 谈谈前端异常捕获与上报
    2021-01-27 15:43
    正所谓百密一疏，一个经过了大量测试及联调的项目在有些时候还是会有十分隐蔽的bug存在，这种复杂而又不可预见性的问题唯有通过完善的监控机制才能有效的减少其带来的损失，因此对于直面用户的前端而言，异常捕获与...
  • 如何处理前端错误和异常？
    2024-07-19 01:43
    DTcode7的博客 错误捕获 在JavaScript中，我们可以使用try...catch语句来捕获异常。 示例一：基本的try…catch结构 try { // 尝试执行的代码块 console.log(nonExistentVariable); } catch (error) { // 处理捕获到的异常 console...
  • 前端异常捕获
    2021-11-16 09:57
    auserroot的博客 //使用try catch能够很好的捕获异常并对应进行相应处理，不至于让页面挂掉，但是其存在一些弊端，比如需要在捕获异常的代码上进行包裹，会导致页面臃肿不堪，不适用于整个项目的异常捕获。 window.onerror() 相较于...
  • 前端如何(不)能捕获到后端抛出的异常?
    2022-08-02 02:31
    Rivennnnnnnnn的博客 也就是说前端其实应该并不也暂时没有什么捕获后端异常的能力,只是响应来到的时候，先是被拦截做了判断，如果状态码不是200,则在拦截中抛出reject，所以原来的login.then.catch就会执行catch。翻过了后端一个又一个类...
  • 前端项目中的全局异常处理：全面捕获与处理各种异常
    2024-08-13 00:43
    秋名山大前端的博客 在实际项目中，可以根据具体需求和应用场景选择合适的异常捕获策略，并适当地进行组合使用。例如，使用 Axios 拦截器处理接口异常，结合 Vue 的和全局的来捕获其他类型的错误。这样可以确保异常能够在最合适的地方被...
  • 如何在前端捕获JavaScript错误？
    2024-11-09 08:33
    破碎的天堂鸟的博客 在前端捕获JavaScript错误有多种方法，以下是几种常用的方法： try...catch语句是最常用的方法之一，它允许开发者在代码块中捕获和处理任何可能发生的异常。通过将可能出现错误的代码放在try块中，并在catch块中处理...
  • await如何优雅的捕获异常？
    2022-12-31 09:20
    web老猴子的博客 传统方式 try { const res = await getUser(id) }catch(err){console.log(err) } await让我们使用异步方式开发的代码简便不少，但是每次使用如果都用try..catch来捕获异常反而埋没了它的优势。 [ err, user ] = ...
  • 前端错误/异常捕获并上报
    2022-05-06 11:03
    代码写的菜的博客 参考链接：https://juejin.cn/post/6844904119136698381
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 10月7日
  • 已采纳回答 9月29日
  • 创建了问题 9月29日