Как сделать 2 Ax ios запроса на 1 страницу с промежуточным ПО? - PullRequest
Новая
       40

Как сделать 2 Ax ios запроса на 1 страницу с промежуточным ПО?

0 голосов
/ 23 февраля 2020

Требуется сделать 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');) Вопрос: Как правильно, с точки зрения синтаксиса и дизайна, реализовать задуманную идею?

1 Ответ

3 голосов
/ 24 февраля 2020 
    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 в все , спред и тогда
  • я заранее определил базовый URL-адрес топора ios в nuxt.config.js, вы можете сделать это или import axios и использовать axios.get('fullUrl') вместо this.$axios.get()
...