从后端在 React 应用程序中导入 JSON 文件

Question

我正在编写一个 React 应用程序，我想从本地 JSON 文件加载内容。

我尝试使用import Data from "./info/websiteData.json" ，它在本地主机上运行良好。 但是，当我为生产构建应用程序时，它不包含 JSON 文件并导致错误。 所以我想我必须将 JSON 保留在后端？

如果我将 JSON 文件保留在后端（例如，在 public_html 文件夹之外），我如何在页面加载时获取它们的内容？ 我必须为此使用 XMLHTTPRequest 吗？ 你会怎么做？

谢谢你的帮助！

Answer 1

是的，是的。

1. 如果您的后端中有static文件供您的服务器使用，您可以将它们与后端源文件一起存储（在公众之外）。
2. 您的前端只能通过某种 API 从后端获取内容。 因此，您将需要实现一个将返回此资源的端点（在您的情况下为JSON文件）

Answer 2

您可以向后端发送请求并接收 JSON 格式的数据。 发送数据作为对请求的响应，这是后端开发人员应该处理的任务