게시물에 비어있는 req.body

갑자기 이것이 내 모든 프로젝트에서 일어나고 있습니다.

Express 및 body 파서를 사용하여 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);
});

아약스와 우체부를 통해 항상 비어 있습니다.

그러나 컬을 통해

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

의도 한대로 작동합니다.

나는 Content-type : application/json전자에서 수동으로 설정 을 시도했지만 항상400 bad request

이것은 나를 미치게했다.

바디 파서에서 업데이트 된 것으로 생각했지만 다운 그레이드되어 도움이되지 않았습니다.

도움을 주셔서 감사합니다.

컨텐츠 유형에 사용 가능한 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 및 urlencoded 데이터 만 처리합니다.

Postman을 사용하여 원시 JSON 데이터 페이로드로 HTTP 사후 조치를 테스트하려면 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에서 콘텐츠 유형 헤더 를 제거하는 문제가 해결되었습니다 ! 아주 이상한. 누군가를 돕기 위해 여기에 추가하십시오.

여기에서 BeerLocker 튜토리얼을 따르고 있습니다 : http://scottksmith.com/blog/2014/05/29/beer-locker-building-a-restful-api-with-node-passport/

본문 파서 미들웨어가 요청 유형 (json, urlencoded)으로 올바르게 설정되어 있는지 확인해야합니다.

설정 한 경우

app.use(bodyParser.json());

그런 다음 우편 배달부에서 데이터를 원시로 보내야합니다.

https://i.stack.imgur.com/k9IdQ.png 우편 배달부 스크린 샷

설정 한 경우

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

그런 다음 'x-www-form-urlencoded'옵션을 선택해야합니다.

내 문제는 내가 경로를 먼저 만드는 것이 었습니다

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

그리고 경로 후에 미들웨어를 등록

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

앱 구조 및 예제로 프로젝트를 복사하여 붙여 넣기 때문입니다.

라우트 전에 미들웨어 등록 명령을 수정하면 모두 작동했습니다.

내가 웹 응용 프로그램을 통해 그것을 배우기 시작한 처음으로 node.js를 배우고 있었을 때에도, 나는이 모든 것들을 내 방식으로 잘 수행했지만 여전히 포스트 요청에서 값을받을 수 없었습니다. 긴 디버깅 후, 나는 내가 제공 한 형태 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

고마워:-)

큰 답변을 주셔서 감사합니다! 해결책을 찾는 데 꽤 오랜 시간을 보냈고 내 측면에서 나는 기본적인 실수를하고 있었다 : 나는 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 .