axios合并异步请求

最新推荐文章于 2024-09-16 13:45:52 发布

Simple_IDE

最新推荐文章于 2024-09-16 13:45:52 发布

阅读量230

点赞数

分类专栏：网络

本文链接：https://blog.csdn.net/simple5960/article/details/116067148

版权

网络专栏收录该内容

11 篇文章 4 订阅

订阅专栏

本文展示了如何在 Vue.js 应用中使用 axios 的 `all` 和 `spread` 方法来并发执行两个 GET 请求：获取类型数据和文章列表。onMounted 生命周期钩子中，`getTypeData` 和 `getArticleList` 函数分别对应不同的 API 调用，返回的数据在回调中通过 console.log 进行打印。

摘要由CSDN通过智能技术生成

 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"
        })
      }