vue が axios を処理するときに渡されるリクエスト後のパラメータに関する問題

今回は、vue が axios を処理するときの post request でのパラメーターの受け渡しの問題について説明します。以下は実際的なケースです。見てみましょう。 多くの友人は、vue を使用するときに間違いなく axios リクエストを使用します。これには、axios がすでに vux に含まれており、その使用法も非常に簡単です。ドキュメントは比較的明確ですが、ポストサブミットを使用すると、場合によっては次のようなことが起こることがわかります。パラメータがサーバーに送信されないという問題が発生することについてもドキュメントに記載されていたので、次回必要なときに直接使用できるように、ここに設定を記録しておきます。古いコードを掘り下げる必要はありません。

vux での使用方法は、main.js にコードを配置するだけです。 vueのみを使用しaxiosを直接インストールした場合は設定方法が同じとなり記録されません。

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

注:

は new Vue({}) の前に配置されます この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、他の関連記事に注目してください。 PHP中国語ウェブサイトです！ 推奨読書:

クロスドメイン Ajax リクエストを完了するために Koa2 フレームワークの CORS を使用する方法

メソッドと Vue で計算されるものの違い

以上がvue が axios を処理するときに渡されるリクエスト後のパラメータに関する問題の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。