Heim > Artikel > Web-Frontend > 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
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!