axios并发请求

Posted harold-hua

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了axios并发请求相关的知识,希望对你有一定的参考价值。

<template>
  <div class="home">
    
  </div>
</template>

<script>
// @ is an alias to /src
import axios from ‘axios‘;

export default 

  // 并发请求:同时多个请求,并统一处理返回值

  name: ‘axios2-3‘,
  created() 
    //axios.all()数组
    //axios.spread()将all()返回的数据进行分割统一处理,
    axios.all(
      [
        axios.get(‘/data.json‘),
        axios.get(‘/city.json‘),
      ]
    ).then(
      axios.spread((dataRes, cityRes)=>
        console.log(dataRes, cityRes);
      )
    )

  ,

</script>

 

以上是关于axios并发请求的主要内容,如果未能解决你的问题,请参考以下文章

axios 备忘

Vue Js - axios 的问题使用 laravel 执行多个并发请求

使用 axios 的 Vuejs 页面中的多个并发请求

vue 之axios

vue 之axios

Vue 使用axios发送请求