Gestion du problème de transmission des paramètres dans les requêtes de publication via Axios dans Vue (tutoriel détaillé)

Ci-dessous, je partagerai avec vous un article qui résout le problème du traitement des paramètres de demande de publication d'axios par Vue. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde.

De nombreux amis utiliseront certainement les requêtes axios lors de l'utilisation de vue, y compris maintenant que vux est déjà livré avec axios, et son utilisation est également très simple. La documentation est relativement claire, mais lorsque nous utilisons la soumission post, j'ai trouvé. que parfois le problème des paramètres qui ne sont pas envoyés au serveur se produit. Je me souviens que le document mentionnait également l'apparition de cette situation. Ici, j'enregistre les paramètres afin qu'ils puissent être utilisés directement en cas de besoin la prochaine fois. Pas besoin de fouiller dans l’ancien code.

Voici comment l'utiliser dans vux. C'est très simple. Placez simplement le code dans main.js. Si vous utilisez uniquement vue et installez directement axios, la méthode de paramétrage sera la même et ne sera pas enregistrée.

import qs from 'qs'
import es6Promise from 'es6-promise'
import { AjaxPlugin } from 'vux'
Vue.use(AjaxPlugin)
AjaxPlugin.$http.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'
// POST传参序列化(添加请求拦截器)
AjaxPlugin.$http.interceptors.request.use((config) => {
 // 发送请求之前做某件事
 if (config.method === 'post') {
  config.data = qs.stringify(config.data)
 }
 return config
}, (error) => {
 return error
})

Remarque : est placé devant new Vue({})

Ce qui précède est ce que j'ai compilé pour tout le monde, je j'espère que cela sera utile à l'avenir. Tout le monde est utile.

Articles connexes :

JavaScript implémente la blockchain

vue utilise un exemple de partage Facebook Twitter

200 lignes de code pour implémenter la blockchain Explication détaillée des exemples de blockchain

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!