Problèmes et solutions lors de l'utilisation de la requête http axios dans vue2

Cet article partage principalement avec vous un article pour résoudre le problème de l'utilisation de la requête http axios dans vue2. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde. Suivons l'éditeur pour y jeter un œil, j'espère que cela pourra aider tout le monde.

Lors de l'utilisation d'axios pour gérer les demandes de publication, les problèmes qui surviennent sont résolus

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

Lorsque l'url est un lien d'interface distante, 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 trouvé la solution :

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

Ensuite, nous avons constaté qu'aucune erreur n'avait été signalée, mais l'arrière-plan ne pouvait pas acceptez les paramètres entrants, vérifiez les informations, constatez qu'un module qs doit être introduit

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 !

Recommandations associées :

Comment node.js implémente les requêtes réseau via axios

Exemple détaillé de VueJs de création d'une requête d'interface Axios

À propos de la définition de proxyTable par vue2.0 pour utiliser axios pour les requêtes inter-domaines

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!