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

Question

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

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

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

感谢您的帮助！

Answer 1

是的，是的。

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

Answer 2

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