Reactjs 带有自托管无头CMS的React应用程序的Apache结构和配置

我想构建一个React支持的应用程序，它使用的自托管实例来获取数据，并在Apache服务器上托管这两个实例

我熟悉如何将caffick安装到默认的

DocumentRoot

，但我不确定将前端文件放在哪里。我不想把它们乱七八糟地放在同一个文件夹中，因为可能会与驾驶舱文件发生冲突

---

我如何才能以干净的方式分离这两个应用程序，并告诉Apache正确地为它们提供服务？

在使用更具体的关键字进行了一些研究之后，我自己找到了答案：

基本上，您希望在

DocumentRoot

中为应用程序和API（即驾驶舱）创建文件夹。然后，您可以像这样在Apache配置中设置虚拟主机（假设您的文件夹名为

client

和

server

，并且

DocumentRoot

为

/var/www/html/

）：

DocumentRoot“/var/www/html/client”
服务器名www.example.com
DocumentRoot“/var/www/html/server”
ServerName api.example.com

然后可以通过

API.example.com

子域进行API调用

有关更多示例，请参见

<VirtualHost *:80>
    DocumentRoot "/var/www/html/client"
    ServerName www.example.com
</VirtualHost>

<VirtualHost *:80>
    DocumentRoot "/var/www/html/server"
    ServerName api.example.com
</VirtualHost>