如何在 axios (react.js) 中更新 json 文件答案

【问题标题】：How to update json file in axios (react.js)如何在 axios (react.js) 中更新 json 文件
【发布时间】：2019-03-13 08:30:42
【问题描述】：

我目前正在为我的反应应用程序模拟数据。所以 axios 用于模拟数据，这些模拟数据存储在 json 文件中。我的json文件如下。

{
 "invoices": [{
 "storageId": 45678,
 "identifier": "1215",
 "invoiceDate": "2119-05-10",
 "invoiceNo": "11",
 "issuer": "Oliver",
 "totalAmount": 321533,
 "status": "Rejected",
 "dueDate": "1019-01-15",
 "netAmount": 1000,
 "vatAmount": 10,
 "downloadLink":"http://www.africau.edu/images/default/sample.pdf"
 }]
}

一旦我更改了发票的状态，就需要在 json 文件中进行更新。所以我需要一种方法来用新数据更新或覆盖现有的 json 文件。我找到了 fs 解决方案，但它对我不起作用。

【问题讨论】：

stackoverflow.com/questions/37755470/…的可能重复
@ShantiswarupTunga 但找不到正确答案

标签： reactjs axios file-writing

【解决方案1】：

您可以为此使用 json.server。

https://www.npmjs.com/package/json-server

您创建一个名为：db.json 的 json 文件，将所有数据放入其中，然后它就变成了 MOCK 数据库/API...以某种方式模拟 Express/MondoDB 环境。

非常好。

只需阅读 NPM 指南，它非常易于使用：https://www.npmjs.com/package/json-server

所有 get/post/delete/patch/put 的工作方式都与 Express Server 相同，因此只需假设这是一个 Express 服务器并在 Axios 中使用与 Express Server 相同的代码即可。

【讨论】：