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