Wie Vue Axios verwendet, um Backend-Daten anzufordern

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

Axios installieren >

$ npm install axios

2. Axios in main.js importieren

import axios from 'axios'Vue.prototype.$http = axios

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);
  });

// 发送post请求this.$http.post('/user', {
    firstName: 'Fred',
    lastName: 'Flintstone'
  })
  .then(response => {
    console.log(response);
  })
  .catch(error => {
    console.log(error);
  });

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!