在Axios中,当你发送一个请求时,你可以通过.then()
和.catch()
链式调用或者通过async/await
语法来分别处理请求成功和失败的情况。
使用.then()
和.catch()
时,成功的响应会传递给.then()
中的函数,而任何错误或异常都会被.catch()
捕获。
以下是一个使用.then()
和.catch()
的例子:
javascript复制代码
axios.get('/api/somepath') |
.then(function (response) { |
// 请求成功时执行的函数 |
console.log(response.data); |
}) |
.catch(function (error) { |
// 请求失败时执行的函数 |
console.error(error); |
}); |
使用async/await
时,你可以使用try...catch
结构来处理成功和失败的情况。await
关键字会等待Promise解决(即请求成功),并将结果赋值给后面的变量。如果Promise被拒绝(即请求失败),则会抛出异常,这个异常会被catch
块捕获。
以下是一个使用async/await
的例子:
javascript复制代码
async function fetchData() { |
try { |
const response = await axios.get('/api/somepath'); |
// 请求成功时执行的代码 |
console.log(response.data); |
} catch (error) { |
// 请求失败时执行的代码 |
console.error(error); |
} |
} |
fetchData(); |
在上面的两个例子中,成功的响应都被打印到了控制台,而任何错误都被捕获并打印为错误。在实际应用中,你可能需要根据响应或错误的具体内容来执行不同的操作。