Comment vue utilise axios pour demander des données backend

Cet article présente principalement comment Vue utilise axios pour demander des données back-end. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer

1. >

$ npm install axios

2. Importez axios dans main.js

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

3. Vous pouvez maintenant utiliser axios pour obtenir des données

// 发送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);
  });

Recommandations associées :

Explication détaillée de Vue à l'aide de l'instance de données de requête inter-domaines axios

Méthode de requête Ajax dans le client axios

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!