Почему на node server приходит пустой POST?

Question

[Даниил Сугоняев]

Пытаюсь отправить данные через fetch на свой сервер на node:

fetch('http://localhost:3001/translate',
        {
            method: "POST",
            headers: {
                "Content-Type": "application/json"
            },
            mode: "no-cors",
            body: JSON.stringify({"aaa": "form"})
        }

Код сервера:

const express = require('express')
const mongoose = require('mongoose');
const bodyParser = require('body-parser')

const translated = require('./models/Translated')

const app = express()

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

let db;

mongoose.connect('mongodb://localhost:27017/local', (error, database) => {
    if(error) {
        return console.log('error');
    }
    db = database;
})

app.get('/', (req, res) => res.send('Hello World!'))

app.post('/translate', (req, res) => {
    console.log(req.body, 'ds');
})

На node использую body parser, но он всегда возвращает пустой объект. При этом посылал запросы через Postman - с ними проблем не возникало. Помогите решить затруднение

Comments

[Влад Хеллсайт]

А у вас на сервере точно JSON обрабатывается?

[Даниил Сугоняев]

Владлен Хеллсайт, Дополнил вопрос кодом с сервера

Answer 1

[Олег Войтенко]

уберите с запроса mode: "no-cors",

Answer 2

[PloAl]

Попробуйте добавить в headers
"Content-Length": Buffer.byteLength(JSON.stringify({"aaa": "form"}),"utf8")

Comments

[Даниил Сугоняев]

Без изменений

Answer 3

[Ihor Bratukh]

Отправлять нужно не на localhost:3001 а на external адрес вида 192.168.xx.xx:3001

Comments

[Даниил Сугоняев]

Почему в таком случае сервер принимает запрос, только объект с данными пустой?
И почему когда я отправляю через Postman по такому же адресу все работает корректно?

Answer 4

[Игорь Забродин]

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

fetch('/translate',
  {
    method: 'POST',
    headers: new Headers({
      Accept: 'application/json',
      'Content-Type': 'application/json'
    }),
    mode: 'same-origin',
    body: JSON.stringify({ aaa: 'form' })
  }
);

Comments

[Даниил Сугоняев]

Так запрос не уходит. У меня на разных портах сервер и клиент

[Игорь Забродин]

Ключевое измение было в mode: 'same-origin'. У вас же было mode: 'no-cors'.
Если на разных портах, то для клиента делайте прокси, вешайте приложение на отдельный url и все запросы шлите на него.
Например в webpack:

devServer: {
    proxy: {
      '/api': 'http://localhost:3001'
    }
  }

Запрос:
fetch('/api/translate', options);

Express:

const router = new express.Router();
router.route('/translate').post(TranslateController.somePostHandler);

app.use('/api', router);