如何使用中间件对 1 个页面发出 2 个 Axios 请求？

Question

需要使用中间件对一个页面发出 2 个不同的请求。
首先想到的是这样的：
（我知道 2 次退货看起来很愚蠢。）

export default function ({$axios, req, store, route}) {

  if(route.name == "language-tracker-tracking") {

      console.log('111');

      return $axios.get("https://seo-gmbh.eu/couriertracker/json/couriertracker_api.php?action=get_tracking_data&key_id=" + route.params.tracking.toLowerCase(), {})
          .then(response => {
              store.commit('tracking/setTrackingServerData', response.data.data.tracking_data);
          })
          .catch(function (error) {
              console.log(error);
          });


  }

  if(route.name == "language-tracker-tracking") {

      console.log('222');

      return axios.get("https://seo-gmbh.eu/couriertracker/json/couriertracker_api.php?action=get_tracking_status" , {
         })
        .then(response => {
            store.commit('tracking/setTrackingStatus', response.data.data.tracking_status);
        })
        .catch(function (error) {
          console.log(error);
        });

  }

}

接下来，查看 Firebug 中的控制台：

我们可以在截图中观察到——只有第一个请求被触发。
(console.log('111');)

问：
如何从语法和设计的角度正确地发布一个构思好的想法？

Answer 1

    const R1='/requestAPI';
    const R2='/requestAPI';
    try{
       axios.all([
          this.$axios.get(`${R1}`),
          this.$axios.get(`${R2}`),
        ])
            .then(axios.spread((R1,R2) => {
                store.commit('tracking/setTrackingServerData',R1); //or set  the value to your data
                store.commit('tracking/setTrackingStatus',R2); //or set  the value to your data

            }));
    }catch (e) {
        console.log(e)
    }

注意：

• 注意 R1 和 R2 在 all 、spread 和 then 中的顺序
• 我已经在 nuxt.config.js 中预定义了 axios 的基本 url，你可以这样做或 import axios 并使用 axios.get('fullUrl') 而不是 this.$axios.get()