vuejs使用async和await按一定顺序并轮询发送Ajax请求

有一天拿到一个需求，对某个东西进行布控，提交布控时，需要发送两个网络请求，第一个请求返回的参数id是第二个网络请求的参数，而且可以同时发送多条布控信息，每一条都需要按照上面的顺序去执行，

即先发送第一个请求，拿到返回参数的id，使用该id去发送第二个网络请求，第二个请求成功后再发送第二条布控信息，以此重复执行

现在有需求，需要同时添加5条布控信息，即需要发送10条ajax请求，且按照上面的顺序去执行，这时应该怎么去解决这个问题呢？
答案就是：将异步变同步

<script>
// 引入已经封装好的axios方法，发送Ajax请求
import { firstRequest, secondRequest} from '@/request/api.js'
export default {
	data(){
		return {
			// 双向数据绑定用户输入的布控信息，来接收请求的参数，现假设里面接收了5条布控信息，即里面保存有5个对象
			params: [],
		}
	},
	methods:{
		// 发送请求的方法，使用async处理异步请求
		async postSubmitDeploy(){
			for(let i=0;i<this.params.length;i++){
				//  使用await等待接收网络请求返回数据，接收成功再执行下一个布控信息的提交
				await firstRequest({
					id: this.params[i].id,
					num: this.params[i].num,
					des: this.params[i].des
				})
					.then( res => {
						if( res.data.code == 200){
							// 链式调用
							return secondRequest({id:res.data.data.id})
						}
					})
					.then( res => {
						if( res.data.code == 200 && i == this.params.length-1){
							// 至此，5条布控信息就已经都发送完成了，并且使按照1,2,1,2,1,2,1,2,1,2顺序去发送的
							console.log('5条布控信息已按一定顺序执行完毕！');
						}
					})
					.catch( err => {
						console.log(err);
					})
			}
		}
	},
}
</script>