Как во vue cli изменять json?

Question

[Mothersprogrammer]

Я не силен в node.js, но решил попробовать использовать, нужно чтобы при изменении массива с объектами, это все уходило в json файл, вот что я придумал:

const fs = require('fs');
  export default {
        ...
        changeJSON(){
          fs.readFile('todo.json','utf-8',(err,data) => {
            let obj = this.todos

            fs.writeFile('todo.json', JSON.stringify(obj), (err) => {
                if (err)
                    console.log(err);
            })
          })
        },
        ...

Vue cli вроде как создает локальный сервер, и собственно вопрос, почему этот метод не работает? В консоли выводится ошибка что fs.readFile это не функция(Error in v-on handler: "TypeError: fs.readFile is not a function")

Comments

[legacy_js]

В node module.exports

[Mothersprogrammer]

legacy_js, Если вы про эту строку export default, то это написано все в файле с раcширением vue, я к тому что такая записьmodule.exports возможно не правильная, по крайней мере я не встречал

[legacy_js]

Mothersprogrammer, Сори, не заметил vue

[legacy_js]

Mothersprogrammer, почитайте тут, может поможет stackoverflow

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

Мне кажется все дело в том, что vue работает в браузере, а fs в ноде, но у Вас в одном месте смешался код для разных платформ

[Mothersprogrammer]

legacy_js, спасибо

[Mothersprogrammer]

Дмитрий Беляев, это я понял, но так же мне показалось логичным что если vue делает локальный сервер, то проблем не должно быть, видимо не до конца понял весь этот процесс.

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

Mothersprogrammer, vue никакой сервер не делает, vue-cli - это отдельная тулза, суть которой по сути в собирании типового конфига для webpack. Ну и webpack-dev-server это еще одна тулза, которую Вам vue-cli поставил, именно этот сервер и работает у Вас, но как видно из названия - это сервер для разработки, к логики Вашего приложения он отношения не имеет.
В общем, придется отдельный сервер писать, можно на ноде, можно на чем-то другом.

[Mothersprogrammer]

Дмитрий Беляев, если вас не затруднит, можете подсказать, можно ли сделать так чтобы одновременно запускался и dev-server и то что у меня получится сделать в node?

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

Mothersprogrammer, проще всего делать отдельными проектами и запускать паралельно, но если вместе, то можно заменить dev-server на dev-middleware, правда от vue-cli придется избавится, ибо там все спрятано и никакого контроля

[Mothersprogrammer]

Дмитрий Беляев, спасибо, я нашел способ в создании простого функционала сервера, упаковки продакшн версии написанного во вью, и запускать все через node, но вот изменить файл так и не выходит))

[Mothersprogrammer]

Дмитрий Беляев, Простите, а вы хорошо разбираетесь в node.js и изменениях json документа?
У меня тут такая проблема:

const express = require('express');
const fs = require("fs");
const app = express();

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



app.post('/todo.json', (req, res) => {
    let objJSON = req;

    fs.writeFile('/todo.json', objJSON, (err) => {
      if(err){
          console.log(err)
      } 
    })

  })


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

отсюда начинается vue

postJson(url, data){
            return fetch(url, {
                method: 'POST',
                headers: {
                    "Content-Type": "application/json"
                },
                body: JSON.stringify(data)
            })
                .then(result => result.json())
                
        },

this.postJson('todo.json', this.todos).
              then(data => {
                      data = this.todos
                  })

в чем тут проблема, можете подсказать?)))

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

Mothersprogrammer, если не ошибаюсь, то это:app.use(express.json());положит распаршенный json в req.body, а для записи в файл его нужно будет опять сериализовать, то есть проблема в том что вы пишите в файл не json, да еще и бесполезной работой сервер нагружаете.
Миддлвары для парсинга тела запроса лучше вообще использовать лишь там, где они реально нужны, express и так тормозной, но от такого использования все усугубляется в разы.
Ну и наконец, пока Вы не завершите ответ - соединение будет висеть вплоть до вечности или пока не отвалится по таймауту.
И да, в корень ФС Вы скорее всего писать не сможете

const express = require('express');
const fs = require("fs");
const app = express();

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

app.post('/todo.json', (req, res) => {
    req.pipe(fs.createWriteStream('./todo.json'))
        .once('finish', () => {
            res.writeHead(201);
            res.end();
        });
});

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

[Mothersprogrammer]

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