自作APIをAxios.getで叩きたい

Question

APIを作成しました。
Postmanで目的のjsonデータを取得することができます。
フロントエンドでAxiosを用いると取得できません。
しばらく調べましたが、原因がわからなかったの教えていただきたいです。
よろしくお願いします。

Postman
GET http://localhost:4000/api/money/month

{
  "date": "2022-09-11",
  "userId": 1
}

結果

[
    {
        "id": 1,
        "userId": 1,
        "amount": 1200,
        "memo": "食費",
        "bool": true,
        "date": "2022-09-11T00:00:00.000Z",
        "createdAt": "2022-09-19T17:31:42.000Z",
        "updatedAt": "2022-09-19T17:31:42.000Z",
        "UserId": 1
    },
    {
        "id": 2,
        "userId": 1,
        "amount": 1200,
        "memo": "食費",
        "bool": true,
        "date": "2022-09-11T00:00:00.000Z",
        "createdAt": "2022-09-19T17:31:50.000Z",
        "updatedAt": "2022-09-19T17:31:50.000Z",
        "UserId": 1
    },
]

バックエンドAPI

// 月単位でレコードを取得
router.get("/month", async (req, res) => {
  try {
    const data = await Money.findAll({
      where: {
        date: { [Op.substring]: req.body.date.slice(0, 7) },
        userId: req.body.userId,
      },
    });
    if (!data) {
      return res.status(200).json({ msg: "該当データが存在しませんでした" });
    } else {
      return res.status(200).json(data);
    }
  } catch (err) {
    return res.status(500).json(err);
  }
});

フロントエンド・コード

const { default: axios } = require("axios");

const data = {
  date: "2022-09-11",
  userId: 1,
};

const getFetch = async () => {
  const all = await axios.get("http://localhost:4000/api/money/month", data);
  console.log(all.data);
};

getFetch();

結果

node:internal/process/promises:279
            triggerUncaughtException(err, true /* fromPromise */);
            ^

[UnhandledPromiseRejection: This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). The promise rejected with the reason "AxiosError: Request failed with status code 500".] {
  code: 'ERR_UNHANDLED_REJECTION'
}

Comments

[hoshi-takanori]

CORS 対応してますか？
https://javascript.keicode.com/newjs/what-is-cors.php

[asukara123]

追記ありがとうございます。
expressでAPIを作成しているのですが、動いているかは別として設定はしています。
先ほどすごく単純なAPIを再度作成して実験していたのですが、第2引数のbody要素を入れていたのが原因かな？と思っています。
axios.getの第2引数に入れられるのはparamsだけだったりするのかなぁと予想しています。

[hoshi-takanori]

あ、get には body はない (無理やり指定すれば動く場合もあるけど、保証されてない) はずですね。

[asukara123]

なるほどです!!
解決しましたありがとうございました!!

Answer 1

解決しました。

Axiosのgetの第2引数はbodyではなくparamsでした