Warum kann die Axios-HTTP-Anfrage nicht in vue2 verwendet werden?

Dieses Mal werde ich Ihnen erklären, warum die Axios-HTTP-Anfrage nicht in Vue2 verwendet werden kann und welche Vorsichtsmaßnahmen gelten, um das Problem der Nichtverwendung von Axios-HTTP in Vue2 zu lösen. Werfen wir einen Blick darauf.

Bei Verwendung von Axios zur Bearbeitung von Post-Anfragen wird das auftretende Problem gelöst

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

Wenn es sich bei der URL um einen Remote-Schnittstellen--Link 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“

So haben wir das Lösung:

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, der Hintergrund die eingehenden Parameter jedoch nicht akzeptieren konnte. Nach Rücksprache mit den Informationen stellte ich fest, dass ein QS-Modul erforderlich war vorgestellt

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!

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Detaillierte Erläuterung der Deep- und Shallow-Copy-Nutzung von JS

Anzeige der HTTP-Anfrage und des Ladens Vue2.0

Das obige ist der detaillierte Inhalt vonWarum kann die Axios-HTTP-Anfrage nicht in vue2 verwendet werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!