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

问题描述

我正在编写一个React应用,我想从本地JSON文件中加载内容

我尝试使用import Data from "./info/websiteData.json",它在localhost上运行良好。但是,当我构建用于生产的应用程序时,它不包含JSON文件,并且会导致错误。所以我认为我必须在后端保留JSON?

如果我将JSON文件保留在后端(例如,在public_html文件夹之外),那么在页面加载时如何获取它们的内容?我需要为此使用XMLHTTPRequest吗?你会怎么做?

感谢您的帮助!

解决方法

是和是。

  1. 如果您的服务器使用的是后端的 static 文件,则可以将其与后端源文件(在公共场所之外)一起存储。
  2. 您的前端只能通过某种API从后端获取内容。因此,您将需要实现一个端点,该端点将返回此资源(在您的情况下为JSON文件)
,

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