Метод отправки сообщения от клиента на узел сервера

Question

Я использую реагировать (frontEnd) с nodejs (backend), я пытаюсь отправить почтовый запрос от клиента на сервер. .

Клиентская сторона

Здесь ниже я отправляю запрос на сервер, используя axions. Я пытался без аксионов просто вызывать fetch. Я устал от добавления localhost: 5000 и без, но я все еще не работал.

К вашему сведению, все данные, которые я отправляю, действительны и соответствуют запросам.

Сервер

Здесь я пытаюсь обработать мой запрос и, по крайней мере, распечатать его на консоли, чтобы убедиться, что мой запрос принят как действительный

результат отпечатков !!!

Не могли бы вы посоветовать относительно вышесказанного?

После добавления body-parser: в настоящее время я получаю неопределенный объект, не могли бы вы посоветовать?

Answer 1

Установите тип содержимого в заголовке и отметьте

axios.post('url', data, {
    headers: {
        'Content-Type': 'application/json',
    }
}

Answer 2

Попробуйте таким образом

const data = {
    name: this.state.additionalCost
};

 axios
      .post(
        '/api/processData',
        data,
        { headers: { 'Content-Type': 'application/json' } }
      )
      .then(function(result) {
       console.log(result);
      });

И использовать body-parser в экспресс-приложении

import express from 'express';
import bodyParser from 'body-parser';

app.use(bodyParser.json()); 

Answer 3

Вам не нужно JSON.stringify ваши данные из запроса реагирования.

Вот пример:

const user = {
    name: this.state.name
};

axios.post(`https://jsonplaceholder.typicode.com/users`, { user })
    .then(res => {
        console.log(res);
        console.log(res.data);
    }
)

Подробнее читайте Использование Axios с React .