Как отправить массив в node из js?

Question

[Mothersprogrammer]

Я делаю POST запрос, и в нем строка json, которая должна уйти в node и там уже записаться в json документ,
выглядит это так:

postJson(data){
            return fetch('todo.json', {
                method: 'POST',
                body: JSON.stringify(data),
                headers: {
                    'Content-Type': 'application/json'
                }
            })
              .then(response => {response.json()})
              .then(function(response) {
                  console.info('fetch()', response);
              });
                
        },

this.postJson(this.todos)
            .then(()=>{
              console.log(this.todos)
            })

проблема в том что я не знаю как в node обратиться к переданным данным, и можно ли вообще.
Подскажите пожалуйста что нужно сделать?

Comments

[Михаил]

где тут вообще node ?

[Mothersprogrammer]

Михаил, вот

const express = require('express');
const fs = require("fs");
//const bodyParser = require('body-parser')
const app = express();
//const urlencodedParser = bodyParser.urlencoded({ extended: false })


app.use('/', express.static('dist'));

app.post('/todo.json',  (req, res) => {
    
    fs.writeFile('dist/todo.json', 'тут должен быть переданный массив из js', (err)=>{
        if(err)console.log('err',err)
    })
    console.log(req)
});

const port = process.env.PORT || 3000;
app.listen(port, () => console.log(`Listen on port ${port}...`));

[Михаил]

Mothersprogrammer,
app.use(bodyParser.json())

req.body

[Mothersprogrammer]

Михаил, я пробовал, req.body передает пустой объект, начинаю подозревать что здесь app.post('/todo.json', (req, res) => { ошибка и нужно вместо '/todo.json', поставить '/' , я прав?

[WapSter]

Mothersprogrammer,

bodyParser

bodyParser

bodyParser

bodyParser

bodyParser

bodyParser

bodyParser

bodyParser

bodyParser

bodyParser

bodyParser

[Mothersprogrammer]

WapSter, спасибо, но понятней ничего не стало)

[WapSter]

Mothersprogrammer, GOOGLE + bodyParser первая же ссылка, откуда вы вообще вылазиете.

[Mothersprogrammer]

WapSter, ну это то понятно, теперь какая то проблема с путями, в одном fetch, файл найден, в другом нет, хотя записано все одинаково

[Дмитрий Беляев]

Mothersprogrammer, что здесь пошло не так?
Как во vue cli изменять json?

Михаил, не нужен ему bodyParser, он данными из JSON никак оперировать не будет, тупо в файл хочет пихнуть

[Михаил]

Дмитрий Беляев,

Я делаю POST запрос, и в нем строка json, которая должна уйти в node и там уже записаться в json документ

[Дмитрий Беляев]

Михаил, и это повод нагружать сервер ее парсингом? Только ради того чтоб тут же ее сериализовать для записи в файл?
Ну и bodyParser вообще тяжелый мидлвар, чтобы вешать ее на весь app

[Mothersprogrammer]

Дмитрий Беляев, Видимо мне сначала стоило ознакомится с readable.pipe, потому что не вставил строку
const readable = getReadableStreamSomehow(); , хотя если честно и сейчас не совсем понятно что именно она делает.

[Mothersprogrammer]

Дмитрий Беляев, и еще проблема:

return fetch("todo.json", {
                method: 'POST',
                body: JSON.stringify(data),
                headers: {
                    'Content-Type': 'application/json'
                }
            })
              .then(response => {response.json()})//здесь возникает ошибка неожиданного конца: "App.vue:35 Uncaught (in promise) SyntaxError: Unexpected end of JSON input"
              .then(function(response) {
                  console.info('fetch()', response);
              });

[Mothersprogrammer]

Дмитрий Беляев, Все работает!!!!!! Нужно было просто удалить эти строчки

.then(response => {response.json()})
.then(function(response) {
    console.info('fetch()', response);
});

спасибо за помощь