如何在React + React-Router应用程序中从文件夹中获取JSON文件？

Question

我正在开发一个完全用React.js编写的Web应用程序。它构建在this样板上，并将部署在apache服务器上。

该应用程序使用jQuery AJAX来制作GET＆amp;对远程API的POST请求（结果为JSONP格式）。现在我需要获取存储在名为“./json”的“真实”文件夹（不是反应路由器路径）上的JSON文件。我怎么能这样做？

Answer 1

您正在使用的样板与Node.js一起使用并表达。如果您希望它通过路由提供静态资产（即文件），那么您需要对其进行配置。

由于您的JSON文件位于自己的文件夹中，因此它可能如下所示：

app.use(express.static('json'));

Answer 2

如果您是从Facebook的“创建反应应用”中启动您的应用，那么＃p>在此处找到的说明：https://facebook.github.io/react/docs/installation.html

然后我找到了一种简单的方法，可以从URL访问JSON文件，而不会让React路由器妨碍并拦截请求。

你要做的就是在你的index.js中创建反应应用程序＆＃39;脚手架，添加这样的东西作为第一行：
import './myJsonFile.json';

就是这样，之后转到：http://localhost:3000/myJsonFile.json会正确获取文件，而React路由器不会干扰查找。