Detaillierte Anweisungen zur Verwendung von Axios zur Lösung von HTTP-Anforderungsproblemen in vue2 (ausführliches Tutorial)

Jetzt werde ich einen Artikel mit Ihnen teilen, um das Problem der Verwendung von axios http request in vue2 zu lösen. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich ist.

Lösung für das Problem, das auftritt, wenn Axios zur Bearbeitung von Post-Anfragen verwendet wird

Standardmäßig: axios.post(url, params).then ( res => res.data);

Wenn es sich bei der URL um einen Remote-Schnittstellenlink handelt, wird ein 404-Fehler gemeldet:

Uncaught (in promise) Error: Request failed with status code 404

Wir müssen ein neues Axios instanziieren und seine Nachricht festlegen Der Header ist „content-type“: „application/x-www-form-urlencoded“

Die Lösung lautet also:

var instance = axios.create({
 headers: {'content-type': 'application/x-www-form-urlencoded'}
});
instance .post(`url`, params).then(res => res.data);

Dann stellte ich fest, dass kein Fehler gemeldet wurde, aber der Hintergrund die eingehenden Parameter nicht akzeptieren konnte. Nachdem ich die Informationen konsultiert hatte, stellte ich fest, dass ein QS-Modul eingeführt werden musste

var qs=require('qs');
var instance = axios.create({
 headers: {'content-type': 'application/x-www-form-urlencoded'}
});
instance .post(`url`, qs.stringify(params)).then(res => res.data);

Sie sind fertig!

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Angular4 integriert die Upload-Komponente von ng2-file-upload

dynamische Einstellungsmethode für die iview-Tabellenhöhe

So installieren Sie den Style-/CSS-Loader in vue2.0

Das obige ist der detaillierte Inhalt vonDetaillierte Anweisungen zur Verwendung von Axios zur Lösung von HTTP-Anforderungsproblemen in vue2 (ausführliches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!