POST-запрос fetch () к Express.js генерирует пустое тело {} - PullRequest
Новая
       38

POST-запрос fetch () к Express.js генерирует пустое тело {}

0 голосов
/ 07 октября 2018

Цель: отправить некоторые определенные строковые данные из HTML в функции fetch(), например, "МОИ ДАННЫЕ"

Мой код:

HTML 

<!DOCTYPE html>
<html>
<body>

<script type="text/javascript">
    function fetcher() {
      fetch('/compute',
        {
          method: "POST",
          body: "MY DATA",
          headers: {
            "Content-Type": "application/json"
          }
        }
      )
      .then(function(response) {
        return response.json();
      })
      .then(function(myJson) {
        console.log(myJson);
      });
    }
</script>

</body>
</html>

Server.js 

var express = require("express");
var app     = express();
var compute = require("./compute");
var bodyParser = require("body-parser");

//not sure what "extended: false" is for
app.use(bodyParser.urlencoded({ extended: false }));

app.post('/compute', (req, res, next) => {
    console.log(req.body);
    var result = compute.myfunction(req.body);
    res.status(200).json(result);
});

В настоящее время: console.log(req.body) logs {}

Желаемый: console.log(req.body) журналы "MY DATA"

ПРИМЕЧАНИЯ:

  1. Я также пытался отправитьтело в fetch () как body: JSON.stringify({"Data": "MY DATA"}), но получает то же пустое {}
  2. Я либо запрос fetch (), либо bodyParser () настроен неправильно.

Ответы [ 2 ]

0 голосов
/ 07 октября 2018

Теперь я чувствую себя немного глупо, когда выяснил, что bodyParser.urlencoded (источник: https://www.npmjs.com/package/body-parser#bodyparserurlencodedoptions)

Возвращает промежуточное ПО, которое анализирует только тела с урлен-кодом

Решение

Изменен запрос fetch(), с: 

body: "MY DATA",
headers: { "Content-Type": "application/json" }

на 

body: JSON.stringify({"Data": "MY DATA"}),
headers: { "Content-Type": "application/x-www-form-urlencoded" }

, что решило проблему! Консоль вошла:

{'{"Данные": "МОИ ДАННЫЕ"}': ''}

0 голосов
/ 07 октября 2018

Добавьте следующую строку в дополнение к вашему текущему bodyParser app.use () прямо перед: 

app.use(bodyParser.json());

Это позволит bodyParser для анализа типа контента application/json.

Надеюсь, это поможет!

...