axios同时请求多个接口，所有接口全部请求成功后处理数据

1、问题
axios同时请求多个接口，当所有接口全部请求成功之后，接收返回的数据，进行处理

2、解决
使用axios.all([]).then()，下面是代码
我是在main.js中全局引入的axios，如果axios不好使的，记得引入一下
main.js

import axios from "axios";
Vue.prototype.$axios = axios;
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

组件中

this.$axios.all([
　　　　this.$axios.get(url).then(res => res.data),
　　　　this.$axios.get(url).then(res => res.data)
　　]).then(
　　　　this.$axios.spread((val1,val2) => {
　　　　// val 是数组中每个接口返回的值 res.data
　　　　console.log('两个接口全部加载完成',val1,val2) ; // 1,2
　　})
).catch(err => {
　　console.log(err) ;
})

 

————————————————
版权声明：本文为CSDN博主「Janus_lian」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/Janus_lian/article/details/101459628