axios 怎样同时请求多个api？

Question

能把这三个请求写在一起吗？

Answer 1

你是这个意思？

let urls = {
                'productList': 'api/productList',
                'newsList': 'api/newsList', 
                'boardList': 'api/boardList'
           }

for (k in urls) {
    this.$http.get(urls[k]).then(res => {
        this[k] = res.data
    }).catch(err => {
        console.log(err)
    })
}

Answer 2

如果你的三个请求结果没有依赖，是可以写在一起的，会发出三个不同的ajax请求

Answer 3

this.$http.all()

Answer 4

可以这样写

        axios.get(url_get + '/' + JSON.stringify(
            {
              'Product[]': {
                'Product': {}
              },
              'News[]': {
                'News': {}
              },
              'Board[]': {
                'Board': {}
              }
            }), { params: {} })
          .then(res => {
            let data = res.data
            console.log(data)

            let model = {}
            model.productList = data['Product[]']
            model.newsList = data['News[]']
            model.boardList = data['Board[]']

            console.log(model)
          })
          .catch(err => {
            console.log(err);
          })

可以用以下请求 在线测试

{
    'User[]': {
        'User': {}
    },
    'Moment[]': {
        'Moment': {}
    }
}

APIJSON，让接口和文档见鬼去吧！
https://github.com/TommyLemon...

Answer 5

本身就是异步的

Answer 6

或者promise.all？

Answer 7

http://www.cnblogs.com/guazi/...
从这个网站看到的

http://chuansong.me/n/3942284...

同时执行多个请求

axios.all([

axios.get('https://api.github.com/xxx/1'),

axios.get('https://api.github.com/xxx/2')

])

.then(axios.spread(function (userResp, reposResp) {

// 上面两个请求都完成后，才执行这个回调方法

console.log('User', userResp.data);

console.log('Repositories', reposResp.data);

}));