Pourquoi la requête http axios ne peut-elle pas être utilisée dans vue2 ?

Cette fois, je vais vous expliquer pourquoi la requête axios http ne peut pas être utilisée dans vue2, et quelles sont les précautions pour résoudre le problème selon lequel axios http ne peut pas être utilisé dans vue2. Ce qui suit est un cas pratique. , jetons un coup d'oeil.

Lors de l'utilisation d'axios pour gérer la demande de publication, le problème qui se produit est résolu

Par défaut : axios.post (url , params).then(res => res.data);

Lorsque l'url est un lien interface distant, une erreur 404 sera signalée :

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

Nous devons instancier un nouvel axios et définir son en-tête de message sur 'content-type' : 'application/x-www-form-urlencoded'

Nous avons donc le Solution：

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

Ensuite, j'ai trouvé qu'aucune erreur n'avait été signalée, mais l'arrière-plan ne pouvait pas accepter les paramètres entrants. Après avoir consulté les informations, j'ai trouvé qu'un module qs devait être. présenté

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

Vous avez terminé !

Problème résolu !

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Explication détaillée de l'utilisation de la copie profonde et superficielle de JS

Affichage de la requête http et chargement dans Vue2.0

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!