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

Question

我是 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);            }结果我收到一条错误消息：“类型错误：fs.writeFileSync 不是函数”我该如何解决这个问题？

Answer 1

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

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