React + Express axiosでパラメータを受け取りたい

Question

[やりたいこと]
クライアント側からaxiosを使用して、postリクエストを行い、それをサーバー側でキャッチする。

[問題]
現状、axiosを使ってpostリクエストを送りそれをサーバサイドでキャッチしたいが、リクエストパラメータが空になってしまう。
下記にコードを示す。

[やったこと]
postmanでリクエストパラメータつきでpostするとちゃんと受け取ることができる。
axiosのパラメータで{params: {data: data}}の形と{data: data}の形で両方試したが、受け取れない

//クライアント側
const CreateDB = (value) => {
  console.log(value);
  axios
    .post("/api", {
      patams: {
        text: value,
      },
    })
    .then(function (response) {
      console.log(response.data);
    })
    .catch((err) => {
      console.log("エラーの内容です。");
      console.log(err);
    });
  console.log("conduct CreateSB");
};

//サーバーサイド1
const express = require("express");
const app = express();

var router = require("./api/todo");
app.use("/api", router);

app.listen(process.env.PORT | 3000, () => {
  console.log("App listening on port 3000!");
});

//サーバーサイド2
router.post("/", (req, res) => {
  console.log("リクエストの内容は");
  console.log(req.query); //ここが空になってしまう。
  const value = req.query;
  pool.connect((err, client) => {
    if (err) {
      console.log(err);
    } else {
      client.query(
        "Insert into todos (text) values ($1)",
        [value.text],
        (err) => {
          if (err) {
            console.log(err);
          } else {
            res.json({
              message: "success to create data",
            });
          }
        }
      );
    }
  });
});

Answer 1

サーバーサイドのルートファイルに

app.use(express.json()); // for parsing application/json
app.use(express.urlencoded({ extended: true })); // for parsing application/x-www-form-urlencoded

を追加することができた。下記の内容を参考にした。
https://teratail.com/questions/118630

Answer 2

クライアント中で、axiosの使い方が間違っているように見えます。

次の書き方ではどうでしょうか？

  axios
    .post("/api", {
      text: value,
    })

質問中にあるparamsはGETリクエスト用の書き方のように思われます。
合わせて公式のREADMEを確認をおすすめします。

https://github.com/axios/axios

Comments

[2_34_koki]

やってみたんですけど、ダメでした。試しにaxios.getの方で同じようにパラメータを渡してみたのですが、yやっぱり、queryの中身が空になってしまいます。