如何等待axios调用完成

等待axios调用完成可以使用异步/同步的方式。

1. 异步方式： 在使用axios发送请求时，可以通过Promise的方式来等待调用完成。axios返回的是一个Promise对象，可以使用then()方法来处理请求成功的回调，使用catch()方法来处理请求失败的回调。示例代码如下：

axios.get(url)

 .then(function (response) {

   // 请求成功的回调

   console.log(response.data);

 })

 .catch(function (error) {

   // 请求失败的回调

   console.log(error);

 });

在上述代码中，通过then()方法和catch()方法来处理请求的结果，当请求成功时，会执行then()方法中的回调函数，可以在回调函数中处理返回的数据；当请求失败时，会执行catch()方法中的回调函数，可以在回调函数中处理错误信息。

1. 同步方式： 如果需要在axios调用完成后再执行后续的代码，可以使用async/await来实现同步等待。在使用async/await时，需要将axios请求包装在一个async函数中，并使用await关键字等待axios调用完成。示例代码如下：

async function fetchData() {

 try {

   const response = await axios.get(url);

   console.log(response.data);

   // 在这里可以继续执行后续的代码

 } catch (error) {

   console.log(error);

 }

}

fetchData();

在上述代码中，使用async关键字定义了一个异步函数fetchData()，在函数内部使用await关键字等待axios调用完成，并将返回的结果赋值给response变量。然后可以在函数内部继续执行后续的代码。

无论是异步方式还是同步方式，都可以实现等待axios调用完成后再进行后续操作。具体选择哪种方式取决于实际需求和代码结构。