Почему при отправке PUT запроса приходит undefined?

Question

[JordanBelford]

Добрый день! Отправляю с клиента fetch запрос с вот таким body: body: JSON.stringify({"id": "2"}). С серверной части обрабатываю этот put запрос, но в тело запроса приходит undefined, в чем мб проблема?

Серверная часть:
router.put('/', async (req, res) => {
    const {id} = req.body;
    res.send(console.log(id))
});
Клиентская часть:
fetch('http://localhost:5000/api', {
            method: 'PUT',
            body: JSON.stringify({
                "id": "2"
            })
        })

Answer 1

[Алекс К]

Проблема по всей видимости в том, что middleware асинхронный, а об окончании его выполнения нет оповещения (не вызывается next()).

Вариант 1. Либо уберите async - он, судя по синхронной работе содержимого, тут не нужен:

router.put('/', (req, res) => {
    const {id} = req.body;
    console.log(id);
    res.send(id);
});

Вариант 2. Еслии все таки планируется какая-то асинхронная работа внутри middleware, тогда используйте next(), чтобы объявить окончание выполнения асинхронного middleware

router.put('/', async (req, res, next) => {
    const {id} = req.body;
    console.log(id);
    res.send(id);
    next();
});

UPD1: В клиентской части при обращении к /api не передается заголовок "content-type", соответствующий передаваемому body.

Должно быть так:

fetch('http://localhost:5000/api', {
            method: 'PUT',
            headers: {
              'Content-Type': 'application/json',
            },
            body: JSON.stringify({
                "id": "2"
            })
        })

UPD2: как верно подметил Игорь Махов - console.log в res.send вам вряд ли нужен.

Comments

[JordanBelford]

Попробовал оба способа, к сожалению в тело запроса приходит undefined.

[JordanBelford]

Странно то, что с помощью postman проверял route на работоспособность, все работает, отправлял JSON {"id": "1"}, в fetch отправляю тоже самое, появляется undefined.

[Алекс К]

JordanBelford, если в postman ок - значит что-то не так в клиентской части.

В клиентской части при обращении к /api не передается заголовок "content-type", соответствующий передаваемому body.

Попробуйте так:

fetch('http://localhost:5000/api', {
            method: 'PUT',
            headers: {
              'Content-Type': 'application/json',
            },
            body: JSON.stringify({
                "id": "2"
            })
        })

[krka92]

А что console.log(id) возвращает?

[Алекс К]

krka92, выводит в консоль id, который передается клиентом в body

[JordanBelford]

Алекс К, Спасибо большое, header добавил, все заработало.

[Алекс К]

JordanBelford,

Еще, как верно подметил Игорь Махов - console.log в res.send вам вряд ли нужен.

[krka92]

Алекс К, что возвращает, а не что делает)

[krka92]

Алекс К, вопрос то наводящий, вдруг автор сам найдет косяк

[Ярослав Иванов]

Проблема не в async и не в next

Проблема в res.send(console.log(id))

Console возвращает undefined. Она здесь не нужна.

Answer 2

[Игорь Махов]

Вы прикалываетесь? Зачем вам в res.send нужен console.log?

Comments

[JordanBelford]

Это просто для теста делается.