多个异步调用的使用

代码（fun.js）：

// 原生的axios
// var axios = require('axios')
export function fun01(name1) {
  return new Promise((resolve, reject) => {
    axios.get('/api/interface1/xxx', {params: {name: name1}}).then(response => {
      // resolve参数的值，其实 tag<这里> 的response的值
      resolve(response.data)
    }).catch(err => {
      reject("01: some error")
    })
  })
}

// request是axios封装的拦截器
export function fun02() {
  return new Promise((resolve, reject) => {
    request({url: '/api/interface2/xxx', method: 'get'}).then(response => {
      // resolve参数的值，其实 tag<这里> 的response的值
      resolve(response.data)
    }).catch(err => {
      reject("02: some error")
    })
  })
}

代码（fun.vue）：

// vue的methods里函数的具体代码
import {api_businessline, api_businesslines} from "@/api/cmdb";
Promise.all([fun01(), fun02()]).then(response => {
  // 这里的response值就是上面函数resolve(response.data)中的response.data
  console.log(response)   // tag<这里>
}).catch(err => {
  // 这里的err值就是上面函数reject("xxx")里的值
  console.log(err)
})

 多个axios调用

this.$axios.all([this.get_hosts(), this.get_dept(), this.get_team(), this.get_spec(), this.get_site()]).then(this.$axios.spread((get_hosts, get_dept, get_team, get_spec, get_site) => {
        this.hosts = get_hosts.data
        this.depts = get_dept.data
        this.teams = get_team.data
        this.specs = get_spec.data
        this.sites = get_site.data
        this.calculate_depts(this.hosts)
      }))

.