vue-axios-接口并发

1.项目可能需要遇到接口并发的问题

  因为实际项目都会对 axios的请求头，对响应数据做统一处理，注意该方法是axios.all()和axios.spread()的静态方法，不是axios实例方法！axios实例方法 ,写错会报错！

 2.完整demo--axios--接口并发

import requset from "@/utils/requset";
import axios from "axios";
export default {
  data() {
    return {
      b: false,
    };
  },
  mounted() {
    axios.all([this.loadVisitorData(), this.loadVisitorData1()]).then(
      axios.spread((allTask, allCity) => {
        console.log("所有请求完成");
        console.log("请求1结果", allTask);
        console.log("请求2结果", allCity);
      })
    );
  },

  methods: {
    //  新入园
    loadVisitorData() {
      let params = {
        from: 0,
        to: 20,
      };
      return requset({
        method: "get",
        url: "/getNewEnterUser11",
        params: params,
      });
    },
    //  预警
    loadVisitorData1() {
      let params = {
        from: 0,
        to: 20,
      };
      return requset({
        method: "get",
        url: "/getWarning11",
        params: params,
      });
    },
  },
};