Probleme und Lösungen bei der Verwendung von axios http request in vue2

Dieser Artikel stellt Ihnen hauptsächlich einen Artikel zur Lösung des Problems der Verwendung von Axios-HTTP-Anfragen in vue2 vor. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich sein wird. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

Bei der Verwendung von axios zur Bearbeitung von Post-Anfragen werden die auftretenden Probleme gelöst

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 seinen Nachrichtenheader auf „content-type“ setzen ' : 'application/x-www-form-urlencoded'

Also kamen wir auf die Lösung:

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

Dann stellten wir fest, dass kein Fehler gemeldet wurde, der Hintergrund jedoch nicht Akzeptieren Sie die eingehenden Parameter, überprüfen Sie die Informationen und stellen Sie fest, dass ein QS-Modul eingeführt werden muss

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);

Fertig!

Problem gelöst!

Verwandte Empfehlungen:

Wie node.js Netzwerkanfragen über Axios implementiert

VueJs detailliertes Beispiel für die Erstellung einer Axios-Schnittstellenanfrage Tool

Informationen zum Festlegen von ProxyTable in vue2.0 zur Verwendung von Axios für domänenübergreifende Anfragen

Das obige ist der detaillierte Inhalt vonProbleme und Lösungen bei der Verwendung von axios http request in vue2. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!