在 Vue.js 中更新本地 JSON 文件答案

【问题标题】：Update local JSON file in Vue.js在 Vue.js 中更新本地 JSON 文件
【发布时间】：2020-10-15 13:50:47
【问题描述】：

我是 Vue.js 的新手，我遇到了无法在本地 JSON 文件中更新/写入一些数据的问题。

假设我有 data.json

我想在这个文件中添加一个新条目。

我使用基本代码：

  let d = JSON.stringify({ x: 5, y: 6 });
        const fs = require('fs');
        try { 
             fs.writeFileSync('data.json', d, 'utf-8'); 
            } 
         catch (e) 
            { 
            alert(e);
            }

结果我收到一条错误消息：

“TypeError: fs.writeFileSync 不是函数”

我该如何解决这个问题？

【问题讨论】：

fs 是一个 Node.js 模块，你确定可以在 Vue 中使用它吗？

标签： javascript node.js vue.js vuejs2

【解决方案1】：

Vue.js 是一个前端框架。它在用户的浏览器中运行，因此无法直接访问服务器上的文件。您尝试使用的 fs 模块仅存在于在服务器上运行的 node.js 中。这就是为什么当您尝试从前端 vue 代码访问它时它似乎未定义的原因。

如果你想根据用户操作来改变文件，你需要为 vue 设置一个服务器来发送请求，并让服务器修改文件。虽然，如果您尝试将更改写入 JSON 文件，您可能需要一个数据库来代替。也许看看 MongoDB？

【讨论】：