ホームページ  >  記事  >  ウェブフロントエンド  >  axios 経由で post リクエストを送信すると、springMVC がパラメータを受信できないことが判明しました (詳細なチュートリアル)

axios 経由で post リクエストを送信すると、springMVC がパラメータを受信できないことが判明しました (詳細なチュートリアル)

亚连
亚连オリジナル
2018-06-01 11:29:132830ブラウズ

以下に、axios で post リクエストを送信する際に springMVC がパラメータを受信できない問題の解決策を共有します。これは良い参考値であり、皆様のお役に立てば幸いです。

Axiosがpostリクエストを送信した際、バックグラウンドでパラメータを受信できませんでした。リクエストのヘッダーのcontent-typeが間違っていることが分かりました。通常はapplication/jsonであるはずです。 x-www-form-urlencoded。

解決策は 3 つあります:

1. axios

//设置全局的
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
var instance = axios.create({}) // 这样创建出来的 只需要:
instance.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

のデフォルトのリクエストヘッダを設定します。2. URLSearchParams を使用してパラメータを構築します

var params = new URLSearchParams();
params.append("username", _this.username);
params.append("password", _this.password);
axios.post("/service/login", paramsOfJson
   ).then(function (response) {
    console.log(response);
   }).catch(function (error) {
    console.log(error);
   })

3. バックエンドの使用 @ requestBody を受け取りました

@PostMapping(value = "/login")
public String testLogin(@RequestBody Map dataMap)

以上、皆様の参考になれば幸いです。

関連記事:

vueフィルターフィルターサンプル詳細説明

vueページはスクロールページに切り替わりtop_vue.jsにサンプルが表示されます

JSアニメーションライブラリVelocity.jsの使い方について話しましょう

以上がaxios 経由で post リクエストを送信すると、springMVC がパラメータを受信できないことが判明しました (詳細なチュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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