onMounted(()=>{
//axios合并异步请求
axios.all([getTypeData(),getArticleList()])
.then(axios.spread((typeListRes,articleListRes)=>{
console.log(typeListRes.data,articleListRes.data);
}))
})
const typeList=ref([]);
const articleList=ref([]);
const getTypeData=()=>{
return axios({
url:`${baseURL}/getTypeList`,
method:"get"
})
}
const getArticleList=()=>{
return axios({
url:`${baseURL}/getArticleList`,
method:"get"
})
}
axios合并异步请求
最新推荐文章于 2024-09-16 13:45:52 发布
本文展示了如何在 Vue.js 应用中使用 axios 的 `all` 和 `spread` 方法来并发执行两个 GET 请求:获取类型数据和文章列表。onMounted 生命周期钩子中,`getTypeData` 和 `getArticleList` 函数分别对应不同的 API 调用,返回的数据在回调中通过 console.log 进行打印。
摘要由CSDN通过智能技术生成