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

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