如何使用 index.php 而不是 index.html 在 XAMPP 上运行由 create-react-app 创建的 React App？答案

【问题标题】：How to run ReactApp created by create-react-app on XAMP using index.php rather than index.html?如何使用 index.php 而不是 index.html 在 XAMPP 上运行由 create-react-app 创建的 React App？
【发布时间】：2020-06-12 10:09:48
【问题描述】：

我已经彻底搜索了一个关于使用 React 作为前端和 PHP 作为后端的网站的网络搜索。我找到了许多关于配置 webpack 和东西的解决方案。但他们中的大多数只针对 index.html。因此，我决定创建一个 LARGE 反应应用程序，并使用 React、ReactDOM 和 Babel 的 CDN 在运行于 XAMPP 的 index.php 上运行它。创建一个大型应用程序的主要原因是因为我无法使用创建组件和导入它们的全部功能。

但是现在，我想使用 MDBootstrap 及其 React 组件。但我不能使用它们，因为导入不可用。我已经观看了教程并阅读了有关 webpack 的文章并对其进行了配置。但所有这些都是针对 index.html 的。最后，我还找到了使用 PHP、XAMP(MySQL) 和 React 的教程。但是，它们中的大多数运行在 Node 服务器而不是 XAMP 服务器上。

所以我想创建类似的东西

网站
- react_app
- index.php

其中 react_app 是由 create-react-app 创建的，或者具有与导入和东西相同的功能。我知道 NPM 服务器从 /build/ 运行 index.html，但我确实想使用 index.php 在 XAMP 服务器上运行它。

【问题讨论】：

标签： javascript php reactjs xampp

【解决方案1】：

这里是一个链接，你可以按照你的要求去做https://medium.com/@MartinMouritzen/how-to-run-php-in-node-js-and-why-you-probably-shouldnt-do-that-fb12abe955b0

这里还有一个可能的其他答案Execute PHP scripts within Node.js web server

唯一的问题是，这样做并不可取。它带有许多安全风险。我建议你学会分离关注点并遵循 React 附带的模型-视图-控制器 (MVC) 设计。

当 PHP 在后面时，您仍然可以将 React 作为您的视图。通过 api 调用发送和接收请求。看看这个简单的教程来实现这个https://blog.bitsrc.io/how-to-build-a-contact-form-with-react-js-and-php-d5977c17fec0

我希望这可以帮助您满足您的需求。如果没有，请告诉我。很高兴为您提供帮助！

【讨论】：

我想你又误会了。 但是，它们中的大多数运行在 Node 服务器上而不是 XAMP 服务器上。 我不想在 node.js 上运行 PHP，我想在 Apache 服务器 (XAMPP) 上运行 React。 @mw509
很抱歉。所以基本上，你希望能够在一台服务器（XAMP）上运行 react 和 php？
是的，@mw509 先生，我遵循了 Webpack 文档，它与 html 插件一起工作得很好。我不知道需要处理哪些进一步的错误。但它每次都需要 npm run build 所以我现在正在研究 npm watch
请告诉我这是怎么回事。