ホームページ  >  記事  >  ウェブフロントエンド  >  vue が axios を統合してポストリクエストペイロードを送信し、バックグラウンドでデータを受信できなくなる問題を解決する方法。

vue が axios を統合してポストリクエストペイロードを送信し、バックグラウンドでデータを受信できなくなる問題を解決する方法。

一个新手
一个新手オリジナル
2018-05-19 14:46:244001ブラウズ

vue が axios を統合した後、送信される post リクエストはデフォルトでペイロード メソッドになります。 通常の方法に変更したい場合は、ヘッダーを追加し、送信データのjson形式をquerystringに変更する必要があります。

依存関係をインストールする

cnpm install qs

依存関係をインポートする

import Qs from 'qs'

postを使用する必要がある場合は、次のメソッドを使用します。postDataはjsonオブジェクトです

this.$http({
    url: '/api/act/yourApi.api',
    method: 'POST',
    headers: {        'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
    },
    data: Qs.stringify(postData)
})
    .then(res => {
        console.log(res);
    })
    .catch(err => {
        console.log(err);
    })

このようにして、送信されるデータはform-urlencodoed方式で送信されます。

以上がvue が axios を統合してポストリクエストペイロードを送信し、バックグラウンドでデータを受信できなくなる問題を解決する方法。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。