req.bodyが空の投稿

突然、これは私のすべてのプロジェクトに起こっています。

expressとbody-parserを使用してnodejsで投稿を作成すると、常にreq.body空のオブジェクトになります。

var express    = require('express')
var bodyParser = require('body-parser')

var app = express()

// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded())

// parse application/json
app.use(bodyParser.json())

app.listen(2000);

app.post("/", function (req, res) {
  console.log(req.body) // populated!
  res.send(200, req.body);
});

ajaxとpostmanを介して、それは常に空です。

しかしカールを介して

$ curl -H "Content-Type: application/json" -d '{"username":"xyz","password":"xyz"}' http://localhost:2000/

意図したとおりに機能します。

Content-type : application/json前者で手動設定を試しましたが、その後常に得ます400 bad request

これは私を夢中にさせてきました。

body-parserで何かが更新されたのだと思いましたが、私はダウングレードし、それは助けにはなりませんでした。

助けてくれてありがとう、ありがとう。

コンテンツタイプに使用できる3つのオプションのPostmanで、「X-www-form-urlencoded」を選択すると、機能するはずです。

また、エラーメッセージを取り除くために置き換えます：

app.use(bodyParser.urlencoded())

と：

app.use(bodyParser.urlencoded({
  extended: true
}));

https://github.com/expressjs/body-parserを参照してください

「body-parser」ミドルウェアは、JSONとURLエンコードされたデータのみを処理し、マルチパートは処理しません

Postmanを使用して、未加工のJSONデータペイロードでHTTP postアクションをテストするには、rawオプションを選択し、次のヘッダーパラメーターを設定します。

Content-Type: application/json

また、JSONペイロードでキー/値として使用されている文字列を二重引用符で囲むようにしてください。

body-parserパッケージには、うまく複数行生のJSONペイロードを解析します。

{
    "foo": "bar"
}

以下の設定でPostman v0.8.4.13拡張機能（body-parserv1.12.2およびexpressv4.12.3）を使用してChrome v37およびv41でテストされています。

var express = require('express');
var app = express();
var bodyParser = require('body-parser');

// configure the app to use bodyParser()
app.use(bodyParser.urlencoded({
    extended: true
}));
app.use(bodyParser.json());

// ... Your routes and methods here

私は本当におかしな間違いを犯しname、htmlファイルで入力の属性を定義するのを忘れていました。

だから代わりに

<input type="password" class="form-control" id="password">

これがあります。

<input type="password" class="form-control" id="password" name="password">

これrequest.bodyで次のように入力されます：{ password: 'hhiiii' }

コンテンツタイプで送信すると機能することがわかりました

「application / json」

サーバー側と組み合わせて

app.use(bodyParser.json());

今、私は送ることができます

var data = {name:"John"}
var xmlHttp = new XMLHttpRequest();
xmlHttp.open("POST", theUrl, false); // false for synchronous request
xmlHttp.setRequestHeader("Content-type", "application/json");
xmlHttp.send(data);

結果はrequest.body.nameサーバーで利用できます。

今日この問題に遭遇しましたが、修正されたのはPostmanのcontent-typeヘッダーを削除することでした！非常に奇妙な。誰かを助けるためにここに追加します。

私はここでBeerLockerチュートリアルに従っていました：http ://scottksmith.com/blog/2014/05/29/beer-locker-building-a-restful-api-with-node-passport/

body-parserミドルウェアがリクエストのタイプ（json、urlencoded）に適切に設定されているかどうかを確認する必要があります。

セットしたら

app.use(bodyParser.json());

郵便配達では、生のデータを送信する必要があります。

https://i.stack.imgur.com/k9IdQ.png postmanスクリーンショット

セットしたら

app.use(bodyParser.urlencoded({
    extended: true
}));

次に、「x-www-form-urlencoded」オプションを選択する必要があります。

私の問題は、最初にルートを作成していたことでした

// ...
router.get('/post/data', myController.postHandler);
// ...

ルート後にミドルウェアを登録する

app.use(bodyParser.json());
//etc

アプリの構造とサンプルからプロジェクトをコピーして貼り付けるため。

ルートの前にミドルウェアを登録するための順序を修正したら、すべてが機能しました。

node.jsを初めてWebアプリで学習し始めたときでも、フォームでこれらのすべてを適切に実行していましたが、要求後に値を受け取ることができませんでした。長いデバッグの後、私はenctype="multipart/form-data"値を取得できなかったために提供したフォームでそれを知った。私はそれを単に削除し、それは私のために働いた。

encTypeを使用しない場合（デフォルトはapplication/x-www-form-urlencoded）、テキスト入力フィールドは取得されますが、ファイルは取得されません。

テキスト入力とファイルを投稿するフォームがある場合は、multipart/form-dataエンコーディングタイプを使用し、それに加えてmulterミドルウェアを使用します。Multerはリクエストオブジェクトを解析し、準備req.fileを整えますreq.body。他のすべての入力フィールドはから利用できます。

私にも同様の問題が発生し、コールバックパラメータの順序を単純に混ぜました。コールバック関数を正しい順序で設定していることを確認してください。少なくとも同じ問題を抱えている人にとっては。

router.post('/', function(req, res){});

["key"： "type"、 "value"： "json"]＆["key"： "Content-Type"、 "value"： "application / x-www-form-urlencoded"]が郵便配達員のリクエストヘッダー

multer上記で提案したように私はこれを解決しましたが、彼らはこれを行う方法についての完全な実用的な例を与えるのを逃しました。基本的に、これはを含むフォームグループがある場合に発生しますenctype="multipart/form-data"。ここに私が持っていたフォームのHTMLがあります：

<form action="/stats" enctype="multipart/form-data" method="post">
  <div class="form-group">
    <input type="file" class="form-control-file" name="uploaded_file">
    <input type="text" class="form-control" placeholder="Number of speakers" name="nspeakers">
    <input type="submit" value="Get me the stats!" class="btn btn-default">            
  </div>
</form>

そしてmulter、これがExpress.jsとでこのフォームの値と名前を取得するために使用する方法ですnode.js：

var multer  = require('multer')
var upload = multer({ dest: './public/data/uploads/' })
app.post('/stats', upload.single('uploaded_file'), function (req, res) {
   // req.file is the name of your file in the form above, here 'uploaded_file'
   // req.body will hold the text fields, if there were any 
   console.log(req.file, req.body)
});

私は数分前に同じ問題を抱えていました。上記の回答で可能な限りのことを試しましたが、どれもうまくいきました。

私がした唯一のことは、Node JSのバージョンをアップグレードすることでした。アップグレードが何かに影響を与える可能性があることを知りませんでしたが、実際に影響しました。

Node JSバージョン10.15.0（最新バージョン）をインストールし8.11.3ました。に戻り、すべてが動作しています。たぶんbody-parserモジュールはこれを修正する必要があります。

入力に名前がありませんでした...リクエストは空でした...終了して、コーディングを続けることができてうれしいです。みんな、ありがとう！

Jason Kimが使用した回答：

だから代わりに

<input type="password" class="form-control" id="password">

私はこれを持っています

<input type="password" class="form-control" id="password" name="password">

JSON.stringify(data)以下のようにAJAXを介して送信している間は行うべきではありません。

これは正しいコードではありません：

function callAjax(url, data) {
    $.ajax({
        url: url,
        type: "POST",
        data: JSON.stringify(data),
        success: function(d) {
            alert("successs "+ JSON.stringify(d));
        }
    });
}   

正しいコードは次のとおりです。

function callAjax(url, data) {
    $.ajax({
        url: url,
        type: "POST",
        data: data,
        success: function(d) {
            alert("successs "+ JSON.stringify(d));
        }
    });
}

郵便配達員と一緒にやっている場合は、APIをリクエストするときにこれらのことを確認してください

Expressの代わりにRestifyを使用していて、同じ問題に遭遇しました。解決策は次のとおりです。

server.use(restify.bodyParser());

これで解決できると思います app.use(express.json());

app.use(bodyParser.urlencoded());コードを次のように変更します

app.use(bodyParser.urlencoded({extended : false}));

そして郵便配達では、ヘッダーのContent-Type値をからapplication/x-www-form-urlencodedに変更します application/json

Ta :-)

すばらしい回答をありがとうございました！かなりの時間をかけて解決策を探しましたが、私の側では基本的な間違いを犯していました：bodyParser.json()関数内から呼び出していました：

app.use(['/password'], async (req, res, next) => {
  bodyParser.json()
  /.../
  next()
})

私はする必要がありapp.use(['/password'], bodyParser.json())、それはうまくいった...

郵便配達員では、受け入れられた回答に従った後でも、空のリクエスト本文を受け取っていました。問題は、と呼ばれるヘッダーを渡していないことが判明

Content-Length : <calculated when request is sent>

このヘッダーは、デフォルトで（他の5つとともに）存在していましたが、無効にしています。これを有効にすると、リクエストの本文が届きます。

私の問題は、最初require("./routes/routes")(app); にルートを作成する ことでした。以前にコードの最後に移動したため、app.listen うまくいき ました。