Heim >Web-Frontend >js-Tutorial >So kapseln Sie die Get- und Post-Methoden mithilfe von Axios in Vue 2.x

So kapseln Sie die Get- und Post-Methoden mithilfe von Axios in Vue 2.x

亚连
亚连Original
2018-06-02 17:07:462421Durchsuche

Dieser Artikel führt Sie anhand von Beispielcode in die Get- und Post-Methoden der Axios-Kapselung ein. Er ist sehr gut und hat Referenzwert.

vue 2 .x axios encapsulation Die Get- und Post-Methoden

import axios from 'axios'
import qs from 'qs'
export class HttpService {
  Get(url, data) {
    return new Promise((resolve, reject) => {
      axios.get(url, {
        params: data
      }).then((res) => {
        if (res) {
          //成功回调
          resolve(res);
        }
      }).catch((error) => {
        reject(error);
      })
    })
  }
  Post(url, data) {
    return new Promise((resolve, reject) => {
      axios.post(url, qs.stringify(data), {
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded',
          'Accept': 'application/json'
        }
      }).then((res) => {
        if (res) {
          //成功回调
          resolve(res);
        }
      }).catch((error) => {
        reject(error);
      })
    })
  }
}

Postfile-Methode

PostFlie(url, data) {
    return new Promise((resolve, reject) => {
      //根据data对象生成FormData对象
      var temp = new FormData();
      for (var t in data) {
        temp.append(t, data[t]);
      }
      axios.post(url, temp).then((res) => {
        if (res) {
            resolve(res.Data);
        }
      }).catch((error) => {
        reject(error);
      })
    })
  }

Das Obige habe ich für alle zusammengestellt. Ich hoffe, es wird für alle hilfreich sein Zukunft.

Verwandte Artikel:

Beispielcode zum Implementieren des Bild- und Datei-Uploads in Vue

NodeJS-Prinzip der gemeinsamen Nutzung von Ressourcen für übergeordnete und untergeordnete Prozesse und Implementierungsmethode

Beispiel für Mobiltelefonnummer, regelmäßige E-Mail-Bestätigung und Senden des Bestätigungscodes in 60 Sekunden in vue

Das obige ist der detaillierte Inhalt vonSo kapseln Sie die Get- und Post-Methoden mithilfe von Axios in Vue 2.x. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn