axios并行请求

有些操作需要在几个异步请求都完成之后再执行，虽然一个Ajax可以放到另一个Ajax完成的回调里面，但这样很容易导致回调地狱，且代码也极其不美观。

幸运的是axios提供了并行请求的方法，

使用方法：

1.先准备好多个请求，如get，放入一个数组中，[axios.get(url1),  axios.get(url2),  axios.get(url3)]

2.把请求数组放入axios.all中调用

3.在回调的参数是一个数组，分别对应各请求的结果

代码： 

let urls = [
        'https://jsonplaceholder.typicode.com/posts/1',
        'https://jsonplaceholder.typicode.com/posts/2',
        'https://jsonplaceholder.typicode.com/posts/3'
      ]
      let axiosList = []
      urls.forEach(url => {
        axiosList.push(axios.get(url))
      })
      axios.all(axiosList).then(function (res) {
        let p1 = (res[0].data)
        let p2 = (res[1].data)
        console.info(p1)
        console.info(p2)
      })

 也可以使用spread把请求进行分割，这样注意回调里面的参数会有不同。

axios.all(axiosList).then(axios.spread(function (res1, res2, res3, res4) {
        let p1 = (res1.data)
        let p2 = (res2.data)
        console.info(p1)
        console.info(p2)
      }))

附axios的post使用示例：  

axios.post(url,{
      username: 'admin',
      password: '1230'
    }).then(res => {
      console.info(res.data)
    }).catch(res =>{
      console.info(res)
    })