web-dev-qa-db-ja.com

JSONデータを含むaxiosのポストリクエスト

ポストJSONリクエストの送信にAxios JSライブラリを使用しています。しかし、サーバーでは何も受け取りません。ここに私のコードがあります

const dt = JSON.stringify({"data":{"value":"gdfg1df2g2121dgfdg"}});
const request = axios.post(url, {dt});

送信する必要がありますjson形式で生のボディを投稿。

javascriptajaxreactjsreduxaxios
12
h_h

デフォルトではaxiosはデータの投稿にJsonを使用するため、データを文字列化する必要はありません。問題はあなたがそれをしていることかもしれません。あなたはそれなしで投稿をしてみて、それが機能するかどうかを確認できますか？また、サーバー内のオブジェクトの形式でない限り、データをラップするために中括弧は必要ありません。それ以外の場合、リクエストの本文がどのように見えるかについての情報を教えてもらえますか？ [ネットワーク]タブを使用して、chrome devツールで確認できます

8
Santiago Benitez

ペイロードを文字列化する必要はありません。 Axiosは、リクエストを送信するときにそれを行います。

const dt = { data: { value: "gdfg1df2g2121dgfdg" }};
const request = axios.post(url, dt);
1
Ken Ryan Labso

Jsonを本文とする投稿リクエストのAxios：

  static async postService(path, data = {}) {
    const requestUrl = HttpRequest._getRequestUrl(path);

    try {
      const ret = await axios.post(requestUrl, JSON.stringify(data));
      console.log('Request result ', ret);
    } catch (error) {
      console.error(`Request error: ${error.message}`);
    }
  }
0
Bruce Lee