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

亚连
リリース: 2018-06-01 11:39:50
オリジナル
2752 人が閲覧しました

以下に、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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!