Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie Vue Axios verwendet, um Backend-Daten anzufordern

不言
Freigeben: 2018-07-17 17:15:59
Original
5174 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich vor, wie Vue Back-End-Daten anfordert. Jetzt kann ich ihn mit Ihnen teilen.

Axios installieren >

$ npm install axios
Nach dem Login kopieren

2. Axios in main.js importieren

import axios from 'axios'Vue.prototype.$http = axios
Nach dem Login kopieren

3. Jetzt können Sie Axios verwenden, um Daten zu erhalten

// 发送get请求// 向具有指定ID的用户发出请求this.$http.get('/user?ID=12345')
  .then(response => {
    console.log(response);
  })// 错误处理
  .catch(error => {
    console.log(error);
  });// 也可以通过 params 对象传递参数$http.get('/user', {    params: {
      ID: 12345
    }
  })
   .then(response => {
    console.log(response);
  })// 错误处理
  .catch(error => {
    console.log(error);
  });
Nach dem Login kopieren
// 发送post请求this.$http.post('/user', {
    firstName: 'Fred',
    lastName: 'Flintstone'
  })
  .then(response => {
    console.log(response);
  })
  .catch(error => {
    console.log(error);
  });
Nach dem Login kopieren

Verwandte Empfehlungen:

vue Detaillierte Erläuterung von Beispielen für die Verwendung von Axios zum Anfordern von Daten über Domänen hinweg

Ajax-Anfragemethode im Axios-Client

Das obige ist der detaillierte Inhalt vonWie Vue Axios verwendet, um Backend-Daten anzufordern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage