Promise 和 vue 中的Axios

最新推荐文章于 2025-05-09 20:43:41 发布

lvzekun-IT

最新推荐文章于 2025-05-09 20:43:41 发布

阅读量529

点赞数

CC 4.0 BY-SA版权

分类专栏：前端基础

本文链接：https://blog.youkuaiyun.com/m0_37727198/article/details/103616420

前端基础专栏收录该内容

34 篇文章

订阅专栏

本文详细解析了在Vue中如何使用axios进行异步操作，并通过Promise实例实现对响应状态的处理。通过一个具体示例，展示了如何根据响应结果决定执行resolve或reject，从而完成异步流程的控制。

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

 new Promise((resolve,reject)=>{
        tPlanSpecialSelect({
          reportId :this.reportId
        }).then(response => {
          if (response.data.code != 200) {

            return reject();
          }else{
            return resolve("promise异步操作陈宫")
          }
        })
      }).then(r =>{
        console.log(r);
      }).catch(err =>{
        console.log("reject");
      })

Vue 中使用 axios ,实际上就是已经封装好的 Promise ，https://blog.youkuaiyun.com/NBAJAVA/article/details/100120227上面代码：自我理解新建了一个 Promise 实例，执行一步操作函数 tPlanSpecialSeclect ，根据返回的的状态，分别执行 return reject（）和 return resolve(）.