Vue の Axios を介してポストリクエストでパラメータを渡す問題の処理 (詳細なチュートリアル)

以下に、Vue の axios ポストリクエストパラメータの問題を解決する記事を紹介します。これは良い参考値なので、皆さんのお役に立てれば幸いです。

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({}) の前に配置されます

上記は私が皆さんのためにまとめたものであり、将来皆さんのお役に立てれば幸いです。

関連記事:

ブロックチェーンを実装するためのJavaScript

vueはFacebook twitterを使用して例を共有します

ブロックチェーンを実装するための200行のコード ブロックチェーンの例の詳細な説明

以上がVue の Axios を介してポストリクエストでパラメータを渡す問題の処理 (詳細なチュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。