So implementieren Sie Anfragen von Drittanbietern in Vue

Vue implementiert Anfragen von Drittanbietern: 1. Axios importieren über „Axios aus ‚Axios‘ importieren“; 2. Axios in die Prototypenkette einfügen; 3. Einen Anfrage-Interceptor mit Code wie „axios.interceptors.request“ hinzufügen. use(config => {...}".

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Vue3-Version, DELL G3-Computer

Wie implementiert Vue Anfragen von Drittanbietern?

in vue Daten von Drittanbietern anfordern in - axios

1 axios -> Phase "Async & Wait" -> Rückgabe des Promise-Objekts -> dekonstruiert [Datenverarbeitung]

Um die Daten der Instanz zu schreiben (dh die für das Seitenrendering verwendeten Daten), müssen Sie die Konfigurationsparameterdaten verwenden, um sie zu empfangen

• 3 Axios aus 'Axios' importieren;

4 Axios importiert und mehrfach verwendet -> Axios in die Prototypenkette einfügen

import axios from 'axios';
Vue.prototype.axios = axios;

5 Alias ​​​​der Anforderungsmethode

axios.request(config)

• axios.request(config)

• axios.get(url[, config])

• axios.delete(url[, config])

• axios.head(url[, config])

• axios.options(url[, config])

• axios.post(url[, data[, config]])

• axios.put(url[, data[, config]])

• axios.patch(url[, data[, config]])axios.get(url[, config])

axios.delete(url[, config])

axios.head(url[ , config])

axios .options(url[, config])

🎜🎜🎜axios.post(url[, data[, config]]) 🎜🎜🎜🎜axios.put(url [, data[, config]])🎜🎜🎜🎜axios.patch(url[, data[, config]]) 6 Interceptor

Das obige ist der detaillierte Inhalt vonSo implementieren Sie Anfragen von Drittanbietern in Vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!