Instructions détaillées sur l'utilisation d'axios pour résoudre les problèmes de requête http dans vue2 (tutoriel détaillé)

Maintenant, je vais partager 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.

Solution au problème qui se produit lors de l'utilisation d'axios pour gérer les demandes de publication

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 it up L'en-tête du message est 'content-type' : 'application/x-www-form-urlencoded'

La solution est donc :

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

Ensuite, j'ai constaté qu'aucune erreur n'avait été signalée, mais que 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 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'. c'est fini !

Ce qui précède est ce que j'ai compilé pour vous. J'espère que cela vous sera utile à l'avenir.

Articles associés :

Angular4 intègre le composant de téléchargement de ng2-file-upload

Méthode de réglage dynamique de la hauteur de la table iview

Comment installer le chargeur style/css 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!