Axios Sekundärkapselungsbeispiel Demo im Projekt

Server aus „../util/axiosConfig“ importieren;
// Ändern Sie die Grundkonfiguration von Axios und fordern Sie die Konfigurationsfunktion request({ an.
  URL (URL = URL = URL),
  Methode = "get",
  AbfrageParm = {},
  Körper = {},
  PfadParm = null,
  Konfiguration = {},
}) {
  const configAxios = {
    Verfahren,
    ...Konfiguration,
    URL: DealRequestUrl (URL, Pfadparameter),
  };
  Schalter (Methode) {
    Fall "erhalten":
      configAxios.params = AbfrageParm;
      brechen;

    Standard:
      //Anforderungsmethoden „PUT“, „POST“ und „PATCH“
      configAxios.data = Text;
      brechen;
  }
  console.log('configAxios', configAxios)
  Server zurückgeben (configAxios);
}

Funktion dealRequestUrl(url, pathParm) {
  wenn (!PfadParm) URL zurückgeben;
  lass dealurl = url;
  Objekt.Schlüssel(PfadParm).fürJeden((ele) => {
    dealurl = dealurl.replace(`{${ele}}`, PfadParm[ele]);
  });
  Deal-URL zurückgeben;
}
Klasse GenerateServer {
  Konstruktor(URL) {
    diese.url = URL;
  }
  getdata(parm) {
    console.log('parm', parm)
    Rückgabeanforderung ({... parm, Methode: "get", URL: diese.URL});
  }
  postdata(parm) {
    Anfrage zurückgeben({ ...parm, Methode: "post", URL: diese.URL });
  }
  gelöschteDaten(Parameter) {
    Rückgabeanforderung ({... Parm, Methode: "Löschen", URL: diese.URL});
  }
}
Standard-GenerateServer exportieren;

    importiere { userInfoServer } aus "./request";
    .
    .
    .

    // Anfrage senden userInfoServer.getUserName
      .getdata({
        AbfrageParm: {
          ID: 223,
        },
      })
      .then((res) => {
        Konsole.log("res", res);
      });
    // Anfrage senden userInfoServer.getUserName
      .postdata({
        Körper: {
          ID: 223,
        },
      })
      .then((res) => {
        Konsole.log("res", res);
      });
    // Senden Sie eine Get-Anfrage mit dem Anfragepfad, der den Parameter userInfoServer.getUserList enthält
      .getdata({
        AbfrageParm: {
          ID: 223,
        },
        PfadParm: {
          ID: 567,
        },
      })
      .then((res) => {
        Konsole.log("res", res);
      });