我如何同时使用 React 和 xampp?

How do I use React and xampp together?

我正在尝试构建一个与本地 PC 上的 MariaDB/MySQL 数据库对话的 React 应用程序。我运行正在连接两台服务器

1) npm start 为开发服务器模拟客户端,并且
2) xampp模拟服务器

我已经在我的本地机器上创建了一个测试数据库。这是我的困惑。

我在 c:\react\testclient 中设置了我的 React 项目,当我 运行 npm 启动时我在那个目录中。我也 运行ning xampp 开箱即用,未经修改。它指向 c:\xampp\htdocs 作为文档根目录。
因此,如果我理解正确的话,我指的是两个不同的地方,服务器作为根目录。我想端到端地测试我的代码。
我的 React 应用程序将处理“登录”功能,并向我的服务器发出 ajax 调用,以根据数据库中的内容检查凭据,并以成功或失败作为响应。
我假设我必须将我的 php 代码放在文档根目录附近目录中的 xampp 路径中(可能是 c:\xampp\php 或类似的东西)。这就是我的设置方式,但我不知道如何在同一台 PC 上完全开发它,因为它们指向不同的文档根目录。

我的问题是那些已经为他们的开发环境设置了这个的人。我必须改变什么?我是否必须“构建”React 应用程序并将其复制到 xampp 服务器的文档根目录以进行端到端测试?

我是否必须将一个环境指向另一个环境以便它们可以协同工作?

首先,您必须将 php 代码放在根目录中,所以在 c:\xampp\htdocs 中。 如果您启动 XAMPP 服务器,xammp 将在 http://localhost/ 上托管此目录 假设您有一个 index.php 来处理您的 ajax 请求:

您现在可以向 http://localhost/index.php

发出 ajax 请求

希望对您有所帮助