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

Question

我想构建一个React驱动的应用程序，该应用程序使用Cockpit的自托管实例来获取数据并在Apache服务器上托管它们。

我熟悉将Cockpit安装到默认的DocumentRoot，但我不确定在哪里放置前端文件。我不想将它们简单地转储到同一个文件夹中，因为可能还存在与Cockpit文件的冲突。

如何以干净的方式分离这两个应用并告诉Apache正确提供它们？

Answer 1

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

基本上，您想在DocumentRoot中为应用程序和API（即座舱）创建文件夹。然后，您可以像这样在Apache配置中设置虚拟主机（假设您的文件夹分别命名为client和server，而您的DocumentRoot是/var/www/html/）：

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

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

然后可以通过api.example.com子域进行

API调用。

有关更多示例，请参见https://httpd.apache.org/docs/2.4/vhosts/examples.html。