在 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？