正在将 Angular 应用程序部署到 Apache 服务器子域

Question

我正在尝试将我的 Angular 9 应用程序部署到子域级别的 Apache 服务器，但我被卡住了。我不知道如何配置我的服务器 and/or .htaccess 文件以使 ngapp.domain.nl 为 Angular index.html 文件提供服务。

到目前为止采取的步骤：

• 我使用 ng build --prod 构建了我的 Angular 应用程序，生成了一个分发文件夹 (dist/ngapp/)
• 我使用主机提供商的控制面板创建了一个名为 'ngapp' 的子域。这导致创建了一个子域文件夹。此文件夹位于 root/subdomains/ngapp。我将 /ngapp/ 分发文件夹中包含的所有内容都放在其中。查看文件夹结构的图像 here。
• 我按照 Angular's documentation 中的描述配置了我的 .htaccess 并将其与我的分发文件一起放在我的 /ngapp/ 中。请参阅下面的代码。

RewriteEngine On
# If an existing asset or directory is requested go to it as it is
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d
RewriteRule ^ - [L]

# If the requested resource doesn't exist, use index.html
RewriteRule ^ /index.html

然而，.htaccess 代码没有为子域配置，但我不知道如何更改此代码以使其适用。我也不知道我是否将 .htaccess 文件放在了正确的文件夹中。

另外我不确定我的 DNS 设置是否正确。

子域行为不变

当我访问我的子域时 - ngapp.domain.nl - 它会显示一个默认页面（由我的托管服务提供商创建），说明子域已被使用。不过，它会为我放在域前面的每个子域执行此操作。

任何帮助将不胜感激:)

编辑：将 link 添加到 images of folder structure

Answer 1

修复：删除了 /ngapp/ 子域文件夹中的 auto-generated index.php。

加载了这个 index.php 而不是我的 index.html。 index.php 加载了默认提供程序页面。其他一切都已正确设置。