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

1、问题axios同时请求多个接口，当所有接口全部请求成功之后，接收返回的数据，进行处理2、解决使用axios.all([]).then()，下面是代码我是在main.js中全局引入的axios，如果axios不好使的，记得引入一下main.jsimport axios from "axios";Vue.prototype.$axios = axios;axios.defaul...

恋小调

5962人浏览 · 2020-12-30 13:18:43

恋小调 · 2020-12-30 13:18:43 发布

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