如何使用 index.php 而不是 index.html 在 XAMP 上運行由 create-react-app 創建的 ReactApp？

Question

我已經徹底搜索了關於使用 React 作為前端和 PHP 作為后端創建網站的網絡，大約一個星期了。 我找到了很多關於配置 webpacks 和東西的解決方案。 但他們中的大多數只針對 index.html。 因此，我決定創建一個大型React 應用程序，並使用 React、ReactDOM 和 Babel 的 CDN 在 XAMPP 上運行的 index.php 上運行它。 創建一個大型應用程序的主要原因是我無法使用創建組件和導入它們的全部功能。

但是現在，我想使用 MBootstrap 及其 React 組件。 但我無法使用它們，因為無法導入。 我看過有關 webpack 的教程和文章，並對其進行了配置。 但所有這些都是針對 index.html 的。 最后，我還找到了使用 PHP、XAMP(MySQL) 和 React 的教程。 但是，它們中的大多數運行在 Node 服務器上，而不是 XAMP 服務器上。

所以我想創建類似的東西

• 網站
  • react_app
  • 索引.php

其中 react_app 是由 create-react-app 創建的，或者確實具有與導入和內容相同的功能。 我知道 NPM 服務器從 /build/ 運行 index.html，但我確實想使用 index.php 在 XAMP 服務器上運行它。

Answer 1

這是一個鏈接，您可以按照您的要求進行操作https://medium.com/@MartinMouritzen/how-to-run-php-in-node-js-and-why-you-probably-shouldnt-do -that-fb12abe955b0

和一個可能的其他答案在 Node.js Web 服務器中執行 PHP 腳本

唯一的問題是，這樣做並不可取。 它帶有許多安全風險。 我建議你學會分離關注點並遵循附加到 React 的模型-視圖-控制器（MVC）設計。

當 PHP 在后面時，您仍然可以將 React 作為您的視圖。 通過 api 調用發送和接收請求。 查看有關實現此目標的簡單教程https://blog.bitsrc.io/how-to-build-a-contact-form-with-react-js-and-php-d5977c17fec0

我希望這可以幫助您滿足您的需求。 如果沒有，請告訴我。 樂意效勞！