async/await捕获接口异常catch

最新推荐文章于 2024-11-12 18:02:05 发布

尼给路达哟

最新推荐文章于 2024-11-12 18:02:05 发布

阅读量781

点赞数 1

文章标签： javascript 前端 vue.js

本文链接：https://blog.youkuaiyun.com/m0_55336994/article/details/129620925

版权

文章讲述了在JavaScript中，通常使用async/await处理异步操作，特别是在对接接口时。当axios请求被封装并使用Promise.reject抛出异常时，可以使用catch直接捕获错误。为了代码的整洁，作者推荐使用try/catch块来处理可能出现的异常，这提供了更清晰的错误处理流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

async/await一般都是这样的写法，用于对接接口，主要是美观又实用


  async productInfoUpdate(param) {
      const res = await this.$api.material.product.productPreciousMetalSave(param)
      }

但是一般我们axios都做了封装，axios里面用到Promise.reject抛出异常。这样的话，我们可以在调用处后面直接加入catch捕获。

this.$api.material.product.productPreciousMetalSave(param).catch(err => console.log(err));

但是如果你想更美观简洁的话，我建议用try/catch

 async productInfoUpdate(param) {
 try{
      const res = await this.$api.material.product.productPreciousMetalSave(param)
      }catch(err){
      	console.log(err)
      }    
   }