在reactjs项目中找不到本地ajax文件

时间:2016-12-13 19:02:52

标签: php ajax reactjs

我正在尝试用Reactjs编写的练习项目有问题。这只是一个基本的反应项目,我没有使用助焊剂或任何东西。该项目已使用create-react-app。

进行设置

我只是尝试一个简单的过程从本地json文件中获取一些模拟数据(使用axios库)。最终的想法是构建一个可以返回数据或更新mysql数据库的php文件。麻烦的是,反应一直在当地文件上说“404 not found”。

示例:

    axios.get('./ajax.json')
            .then(function (result) {
                console.log(result);
            });

我得到的是ajax.json文件中的“404 not found”。我尝试了不同的方式来引用它,但我得到的只是“未找到”。

最后,我希望React应用程序与我通过ajax编写的php类进行通信,以便将信息保存到本地数据库。我正在使用的“ajax.json”文件只是用于测试目的的快速文件。我也尝试过使用php文件,但结果相同。

我正在使用“npm start”运行应用程序 - 我想知道这是否与它有关。我无法在任何地方找到关于如何使用内置的反应服务器(与npm start一起使用)与本地php文件通信的指令。

我设法从fakejsonplaceholder网站成功进行了ajax调用,但这是使用http://调用,而不是本地调用。

使用React有什么特殊的方法吗?我错过了什么?

感谢。

2 个答案:

答案 0 :(得分:1)

您的React应用程序正在您的浏览器中运行,该浏览器无法访问您的文件系统。如果您可以直接从浏览器中获取文件,那么您手上就会遇到严重的安全问题。您需要从服务器提供json数据,或者我建议将json数据复制到http://myjson.com/,这将为您提供一个可以获取的URL,用于测试目的。

答案 1 :(得分:1)

我不确定这是否是一个明确的答案,但我最后才开始捣乱,并且当我将我的json文件放入我的" public"我项目的文件夹。 非常感谢我非常感谢你的评论。