Umgang mit dem Problem der Übergabe von Parametern in Post-Anfragen über Axios in Vue (ausführliches Tutorial)

Im Folgenden werde ich einen Artikel mit Ihnen teilen, der das Problem der Vue-Verarbeitung von Axios-Post-Request-Parametern löst. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich sein wird.

Viele Freunde werden definitiv Axios-Anfragen verwenden, wenn sie Vue verwenden, auch jetzt, da Vux bereits mit Axios geliefert wird und die Verwendung auch sehr einfach ist. Die Dokumentation ist relativ klar, aber wenn wir Post-Submission verwenden, habe ich festgestellt dass manchmal das Problem auftritt, dass Parameter nicht an den Server gesendet werden. Ich erinnere mich, dass das Auftreten dieser Situation auch erwähnt wurde. Hier notiere ich die Einstellungen, damit sie beim nächsten Mal direkt verwendet werden können. Sie müssen sich nicht durch alten Code wühlen.

Im Folgenden erfahren Sie, wie Sie es in vux verwenden. Platzieren Sie einfach den Code in main.js. Wenn Sie nur Vue verwenden und Axios direkt installieren, ist die Einstellungsmethode dieselbe und wird nicht aufgezeichnet.

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

Hinweis: steht vor new Vue({})

Das Obige habe ich für alle zusammengestellt Wird in Zukunft für alle hilfreich sein.

Verwandte Artikel:

JavaScript implementiert Blockchain

vue verwendet Facebook-Twitter-Sharing-Beispiel

200 Codezeilen zur Implementierung der Blockchain. Detaillierte Erläuterung der Blockchain-Beispiele

Das obige ist der detaillierte Inhalt vonUmgang mit dem Problem der Übergabe von Parametern in Post-Anfragen über Axios in Vue (ausführliches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!