Alias ​​de méthode de requête couramment utilisés basés sur Axios (explication détaillée)

Ci-dessous, je partagerai avec vous un article sur les alias de méthodes de requête couramment utilisés dans Axios, qui a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde.

Axios

est une bibliothèque HTTP basée sur des promesses qui peut être utilisée dans les navigateurs et node.js.

Les alias de méthode de requête couramment utilisés incluent généralement : Demande de protocole Get/post/http

Execute Get request

function get(){
 return axios.get('/data.json', {
    params:{
     id:1234
    }
    }).then(function (response) {
     console.log(response);
    })
   .catch(function (error) {
    console.log(error);
   });
 }

Lors de l'utilisation de la méthode get pour transmettre des paramètres, la méthode params est utilisée

Exécuter la demande de publication

function post(){
return axios.post('/data.json', {
  id:1234
    })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });
 }

Lors de l'utilisation de la méthode post pour transmettre des paramètres, les données sont transférées directement. C'est aussi la différence entre les deux méthodes.

Exécuter la demande de protocole http

function http(){
 return axios({
 method: 'post',
 url: '/data.json',
 data: {
  id: 1111,
 },
params: {
 id:2222,
 }).then(res=>{
  this.msg=res.data;
 });
}

Faites attention à la différence ici Lorsque vous utilisez la demande de publication, continuez. Le paramètre data est transmis à l'aide de la méthode data et lors de l'utilisation de la requête get, la méthode params est utilisée.

Utilisez des intercepteurs :

Interceptez les demandes ou les réponses avant qu'elles ne soient traitées d'ici là ou interceptées.

// 添加请求拦截器
mounted:function(){
  axios.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    return config;
   }, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
   });
// 添加响应拦截器
  axios.interceptors.response.use(function (response) {
    // 对响应数据做点什么
    return response;
   }, function (error) {
    // 对响应错误做点什么
    return Promise.reject(error);
   });
}

Ce qui précède est ce que j'ai compilé pour vous. J'espère qu'il vous sera utile à l'avenir.

Articles connexes :

jquery implémente la fonction de barre de progression de chargement du téléchargement de fichier glisser

Analyse du prototype javascript et de la chaîne de prototypes

Tutoriel détaillé sur l'utilisation d'Angular CLI pour générer des projets Angular 5

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!