Detaillierte Erläuterung des Kapselungsbeispiels für Netzwerkanforderungen

Exportstandard ({
  URL (URL = URL = URL),
  Methode = "GET",
  Daten = null,
}) => {
  // Konfiguration anfordern let options = {
    Verfahren
  }
  // Wenn die Daten nicht leer sind, handelt es sich um eine Post-Anfrage, wenn (Daten) {
    Optionen = {
      ...Optionen,
      Text: JSON.stringify(Daten),
      Überschriften: {
        „Inhaltstyp“: „Anwendung/JSON“
      }
    }
  }
  gibt fetch(URL, Optionen) zurück
    .then(res => res.json())
    .then(Daten => Daten)
}
 

<Skripttyp="Modul">
  importiere fetchApi aus './js/fetch.js'
  const vm = neuer Vue({
    el: '#app',
    Daten: {
      Benutzer: []
    },
    // Netzwerkanfrage einleiten mounted() {
      let url = 'http://localhost:3000/api/users'
      // fetchApi({ url }).then(Daten => console.log(Daten))
      fetchApi({ url, Methode: 'POST', Daten: { id: 200, Name: 'aaa' } }).then(Daten => console.log(Daten))
    }
 
  })
</Skript>