vue2 async和await请求数据
时间: 2023-08-17 16:15:28 浏览: 309
vue请求数据的三种方式
在Vue2中,可以使用async和await来进行异步请求数据。下面是一个关于登录业务的案例,展示了如何使用async和await来发送请求并处理返回结果。
在完整功能模板中,可以看到一个名为login的异步函数。在这个函数中,首先使用await关键字来等待reqLogin函数的返回结果。如果返回结果的code为200,表示登录成功,可以执行相应的操作。如果返回结果的code为207,表示登录失败,也可以执行相应的操作。如果发送请求失败,会抛出一个AxiosError错误。
在简化功能模板中,可以看到一个名为logout的异步函数。在这个函数中,同样使用await关键字来等待reqLogout函数的返回结果。如果返回结果的code为200,表示退出登录成功,可以执行相应的操作。如果返回结果的code不为200,表示退出登录失败,会返回一个自定义的失败态promise。
在调用端,可以使用try-catch语句来捕获异步函数的错误。如果异步函数执行成功,可以在try块中处理成功态的逻辑。如果异步函数执行失败,可以在catch块中处理失败态的逻辑。
总结起来,使用async和await可以简化异步请求数据的代码,并且可以更方便地处理成功态和失败态的逻辑。
阅读全文