在子域上指向角应用程序到nginx的子文件夹

Question

我想举个例子。com作为例子。com/sub（没有实际重定向）。我通过以下nginx配置实现了这一点：

server {
    listen 80;
    server_name ~^(.*)\.example\.com$ ;
    root /var/www/html/example.com/public_html/sub;
}

问题是，我在sub.example.com上有一个Angular应用程序，它试图从下面的路径加载其js资源，但未能做到这一点（404未找到）：

http://sub.example.com/sub/inline.bundle.js
http://sub.example.com/sub/vendor.bundle.js
...

要构建，我使用以下命令：

ng build --base-href /sub/

如何解决？这是Angular的问题，还是我可以用nginx配置修复它？我试过proxy_pass但没有成功。

Answer 1

我在实现Angular应用程序的国际化时遇到了这个问题，需要从每种语言的不同子目录提供服务。检查我对该主题的解决方案。

Answer 2

仅当您的应用程序不是从根位置提供服务时，路由器才需要指定base href，例如。http://example.com/sub

在您的例子中，您添加了nginx规则，以便可以从子文件夹提供内容，但使用“根”位置(http://sub.example.com)

因此，从一个角度来看，一切都像是从根文件夹提供的，这意味着不需要指定base href