Heim > Artikel > Web-Frontend > Einführung in die einfache Konfiguration von Axios mit vue.js
Dieser Artikel stellt hauptsächlich die Methode zur einfachen Konfiguration von Axios mit vue.js vor. Er hat einen gewissen Referenzwert. Jetzt können Freunde in Not darauf verweisen.
Axios basiert auf Versprechen Für Browser und NodeJS-HTTP-Clients stellt Ihnen der folgende Artikel hauptsächlich die relevanten Informationen zur einfachen Konfiguration von Axios mit vue.js vor. Freunde, die es benötigen, können darauf zurückgreifen.
Vorwort
Offiziell wird die Verwendung von Ressourcen nicht mehr empfohlen. Wir können nicht ins Hintertreffen geraten, wenn wir auf Axios umsteigen. Zumindest müssen Sie es wissen . Komm schon, du kannst während des Interviews mit dem Interviewer prahlen und nicht zu viel Unsinn reden.
Selbst hat die folgenden Eigenschaften:
Erstellen Sie eine XMLHttpRequest über den Browser
Stellen Sie HTTP-Anfragen von node.js aus
Support Promise API
Anfragen und Antworten abfangen
Anforderungs- und Antwortdaten konvertieren
Anfrage abbrechen
JSON-Daten automatisch konvertieren
Kundensupport CSRF/XSRF verhindern
Konfigurationsmethode
Erste Installation mit npm
npm install --save axios vue-axios
Konfigurieren Sie es nach der Installation in Ihrer main.js-Datei und fügen Sie diese beiden Sätze hinzu
import axios from 'axios' Vue.prototype.$http = axios
Dann lesen Sie die Benutzeroberfläche Daten können Sie direkt wie folgt schreiben: op, uin usw. sind die zu übergebenden Parameter.
this.$http.post(localStorage.getItem("addUrl")+'/skynet_sync/btsp', { "op": "update_card_num", "uin": uin, "protypeId": index, "cardNumber": parseInt(v) }) .then(response=> { //如果接口走成功就执行这里 }).catch(function (error) { //接口失败,也就是state不是200的时候,走这里 });
Okay, fertig!
Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.
Verwandte Empfehlungen:
So verwenden Sie Vue.js-Anweisungen zum Implementieren der All-Select-Funktion
Über die Verwendung Analyse des Vue-Routings
Das obige ist der detaillierte Inhalt vonEinführung in die einfache Konfiguration von Axios mit vue.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!