Axios à l''importation de ''Axios'';

  Qs importation de ''qs'';

  import {Message} ''élément ui'';

  Axios.par défaut.baseURL = "/ api";

  // Définir le délai de demande

  Axios.par défaut.timeout = 30000;

  // définir l''en-tête de demande de poste

  Axios.par défaut.têtes.après [ ''Content-Type''] = ''application / JSON; charset = UTF-8'';

  // demande d''interception

  Axios.intercepteurs.demande.utilisation (config => {

  // faire quelque chose comme jeton de vérification avant d''envoyer la demande

  config retour;

  }, Erreur => {

  // Qu''est-ce que l''erreur de demande

  Message.erreur ({message: ? Demande Délai d''attente!? })

  Promesse retour.erreur (erreur);

  })

  // interception de réponse

  Axios.intercepteurs.réponse.utilisation (réponse => {

  // faire quelque chose en réponse aux données

  réponse de retour;

  }, Erreur => {

  // faire réponse quelque chose de mal

  Promesse retour.rejeter (erreur);

  });

  // méthode get et méthode d''emballage de poste

  fonction d''exportation get (url, params) {

  retour nouvelle promesse ((résolution, rejeter) => {

  Axios.get (url, {

  params: params

  }).puis (res => {

  résoudre (res.Les données);

  // Chargement.Service (true).proche ();

  // Message ({message: ''demande a réussi'', tapez: ''succès''});

  }).catch (err => {

  rejeter (err.Les données)

  // Chargement.Service (true).proche ();

  Message ({message: ''pas à la charge'', tapez: ''erreur''});

  })

  });

  }

  après la fonction d''exportation (url, params) {

  retour nouvelle promesse ((résolution, rejeter) => {

  Axios.après (url, params)

  .puis (res => {

  résoudre (res.Les données);

  // Chargement.Service (true).proche ();

  // Message ({message: ''demande a réussi'', tapez: ''succès''});

  })

  .catch (err => {

  rejeter (err.Les données)

  // Chargement.Service (true).proche ();

  Message ({message: ''pas à la charge'', tapez: ''erreur''});

  })

  });

  }

  fonction d''exportation de qspost (url, params) {

  retour nouvelle promesse ((résolution, rejeter) => {

  Axios.(poste url, Qs.stringify (params))

  .puis (res => {

  résoudre (res.Les données);

  // Chargement.Service (true).proche ();

  // Message ({message: ''demande a réussi'', tapez: ''succès''});

  })

  .catch (err => {

  rejeter (err.Les données)

  // Chargement.Service (true).proche ();

  Message ({message: ''pas à la charge'', tapez: ''erreur''});

  })

  });

  }

  fonction d''exportation mis (url, params) {

  retour nouvelle promesse ((résolution, rejeter) => {

  Axios.mettre (url, params)

  .puis (res => {

  résoudre (res.Les données);

  // Chargement.Service (true).proche ();

  // Message ({message: ''demande a réussi'', tapez: ''succès''});

  })

  .catch (err => {

  rejeter (err.Les données)

  // Chargement.Service (true).proche ();

  Message ({message: ''pas à la charge'', tapez: ''erreur''});

  })

  });

  }

  fonction d''exportation de deletefn (url, params) {

  retour nouvelle promesse ((résolution, rejeter) => {

  Axios.suppression (url, params)

  .puis (res => {

  résoudre (res.Les données);

  // Chargement.Service (true).proche ();

  // Message ({message: ''demande a réussi'', tapez: ''succès''});

  })

  .catch (err => {

  rejeter (err.Les données)

  // Chargement.Service (true).proche ();

  Message ({message: ''pas à la charge'', tapez: ''erreur''});

  })

  });

  }

Exemples de code Vue Axios se pust mis paquet suppression

Recommend Article: