Axios是一个基于Promise的HTTP客户端库,它可以在浏览器和Node.js中发送HTTP请求。下面是使用Axios进行异步/等待流程的解决方法,并包含了代码示例:
import axios from 'axios';
axios.get('https://api.example.com/data')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
import axios from 'axios';
async function fetchData() {
try {
const response = await axios.get('https://api.example.com/data');
console.log(response.data);
} catch (error) {
console.error(error);
}
}
fetchData();
import axios from 'axios';
async function fetchMultipleData() {
try {
const response1 = axios.get('https://api.example.com/data1');
const response2 = axios.get('https://api.example.com/data2');
const [data1, data2] = await Promise.all([response1, response2]);
console.log(data1.data, data2.data);
} catch (error) {
console.error(error);
}
}
fetchMultipleData();
import axios from 'axios';
const source = axios.CancelToken.source();
axios.get('https://api.example.com/data', {
cancelToken: source.token
})
.then(response => {
console.log(response.data);
})
.catch(error => {
if (axios.isCancel(error)) {
console.log('请求被取消');
} else {
console.error(error);
}
});
// 取消请求
source.cancel('请求被取消');
上述代码示例中,我们展示了使用Axios进行异步/等待流程的不同情况。你可以根据自己的具体需求来选择适合的解决方法。