Häufig verwendete Aliase für Anforderungsmethoden basierend auf Axios (ausführliche Erklärung)

Im Folgenden werde ich mit Ihnen einen Artikel über häufig verwendete Anforderungsmethoden-Aliase in Axios teilen, der einen guten Referenzwert hat und ich hoffe, dass er für alle hilfreich sein wird.

Axios

ist eine Promise-basierte HTTP-Bibliothek, die in Browsern und node.js verwendet werden kann.

Zu den häufig verwendeten Aliasen für Anforderungsmethoden gehören im Allgemeinen: Get/post/http-Protokollanforderung

Get-Anfrage ausführen

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

Bei Verwendung der get-Methode zum Übergeben von Parametern wird die params-Methode verwendet

Post-Anfrage ausführen

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

Bei Verwendung der Post-Methode zur Übergabe von Parametern werden die Daten direkt übertragen. Dies ist auch der Unterschied zwischen den beiden Methoden.

HTTP-Protokollanforderung ausführen

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

Achten Sie hier auf den Unterschied, wenn Sie die Post-Anfrage verwenden Die Datenmethode wird zum Übergeben von Parametern verwendet, und die params-Methode wird verwendet, wenn Get-Anfragen verwendet werden.

Abfangjäger verwenden:

Anfragen oder Antworten abfangen, bevor sie bis dahin verarbeitet werden oder abfangen.

// 添加请求拦截器
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);
   });
}

Das oben Gesagte habe ich für Sie zusammengestellt. Ich hoffe, es wird Ihnen in Zukunft hilfreich sein.

Verwandte Artikel:

jquery implementiert die Funktion zum Ziehen des Datei-Uploads und zum Laden des Fortschrittsbalkens

Analysieren von Javascript-Prototypen und Prototypenkette

Ausführliches Tutorial zur Verwendung von Angular CLI zum Generieren von Angular 5-Projekten

Das obige ist der detaillierte Inhalt vonHäufig verwendete Aliase für Anforderungsmethoden basierend auf Axios (ausführliche Erklärung). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!