Apache 别名 - NextJS 应用程序链接到单独文档根目录中的 Angular 应用程序

Question

我们有一个 NextJS 应用程序，它在同一个主域下链接到我们的 Angular 应用程序，但有一个单独的文档根目录。我已经查看了许多帮助文章，但似乎无法对我们的问题进行分类。

Companydomain.com 文档根目录是（NextJS 站点）：/var/www/html/app-live/dist/out Angular App 文档根目录是：/var/www/html/app-live/dist/en

我可以从 NextJS 站点导航到 Angular 站点并获得正确的角度页面但是当我直接链接或刷新时我得到一个 404.

我已经修改了站点的 httpd.conf

<VirtualHost *:80>
ServerName Companydomain.com
ServerAlias www.Companydomain.com
DocumentRoot "/var/www/html/app-live/dist/out"
RewriteEngine On
RewriteCond %{HTTP:X-Forwarded-Proto} =http
RewriteRule .* https://%{HTTP:Host}%{REQUEST_URI} [L,R=permanent]

Alias /en/framesite/Bellas/103 /var/www/html/app-live/dist/en/framesite/Bellas/103
<Directory "/var/www/html/app-live/dist/en/store/Bellas/103/">
    RewriteEngine on
    Require all granted
    AllowOverride All
</Directory>

Alias /en /var/www/html/app-live/dist/en

</VirtualHost>`

我也运行了 service httpd restart

我错过了什么？

Answer 1

我认为你正在尝试从 NEXTJS 域中存在的子目录为你的角度应用程序制作反向代理。出现的错误是由于配置问题。检查这些东西：

1. 正确构建角度应用程序。
2. 将此应用程序部署到正确的位置并仔细检查它，即在您的情况下它是/var/www/html/app-live/dist/en
3. 再次检查所有文件是否存在，并且没有一个被删除。
4. 还要检查是否已获得许可。