Heim  >  Artikel  >  Web-Frontend  >  Einführung in die einfache Konfiguration von Axios mit vue.js

Einführung in die einfache Konfiguration von Axios mit vue.js

不言
不言Original
2018-06-29 11:54:581491Durchsuche

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn