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