JavaScript访问本地json

Question

所以我有一个包含模拟数据的 JSON 文件:

{
  "name": "Harvey Specter",
  "location": "New York, USA",
  "picture": "",
  "likes": 121,
  "following": 723,
  "followers": 4433,
  "comments": [
    {
      "id": 0,
      "author": {
        "picture": "",
        "name": "Mike Ross"
      },
      "date": "",
      "body": ""
    },
    {
      "id": 1,
      "author": {
        "picture": "",
        "name": "Rachel Zein"
      },
      "date": "",
      "body": ""
    },
    {
      "id": 2,
      "author": {
        "picture": "",
        "name": "Louis Litt"
      },
      "date": "",
      "body": ""
    }
  ]
}

如何通过 JavaScript 访问它，并在我的 React SPA 中显示数据？另外，我希望能够更改数据，即如果我单击“关注”按钮，它会增加 JSON 中的关注者。

Answer 1

为此，您需要运行一个后端，它对数据进行所有转换。这样做有几个非常令人信服的理由。

首先是安全。我不希望网站简单地从我的电脑下载文件，更不希望他们在未经我明确同意的情况下将文件保存到我的驱动器上。

其次，如果您的所有用户都有此文件的本地副本，他们现在会如何看待对您的文件所做的任何更改？

因此，您需要一个维护这些数据的后端，最好是在数据库中。因为这比任何基于文件的数据存储都要快。现在你有选择，但看到你正在做一个基于 javascript 的项目，我建议你使用 node.js ，这是在服务器上运行的 javascript。对于数据库，如果您的数据不会变得更高级，您可以选择简单的 mongo ，使用mongoose为了方便访问。或者，如果您需要更多关系映射，您可以选择使用 postgres 。您可以通过 REST API 获取所有转换，例如使用 loopback 。或者您可以选择使用 websockets 实时执行并使用库 socket.io

但是让客户端应用程序执行文件转换是不可能的。