时间戳

首页 > 解决方案 > Docker 容器中的 Angular 和 Nginx 在 Nginx on Host 后面

angular - Docker 容器中的 Angular 和 Nginx 在 Nginx on Host 后面

问题描述

我已经构建了一个 Angular 应用程序以及一个基于 Express 的 API。在测试中，我一直在使用 docker compose 在 nginx 容器、express api 和 mongodb 容器中运行构建的 Angular 应用程序。

我目前正在尝试将应用程序部署到已经安装了 gitlab 并捆绑了 nginx 的服务器。我已按照文档向主机 nginx 添加自定义规则。我通过创建一个简单的“hello world”快速应用程序并将“/test”转发到端口 4200 来测试配置是否有效，这样我的页面就会显示出来。

我正在尝试进行配置，以便如果您访问 www.mydomain.com，您可以正常获得 gitlab，但如果您访问 www.mydomain.com/test，您将访问我的 Angular 应用程序。

子域是一种选择，但我没有使用 nginx 这样做的经验。

我试图看看我是否可以让主机 nginx 转发到 docker nginx 并且它有点工作但文件 url 是错误的，而不是去 'www.mydomain.com/test/styles.css' 它正在尝试 'www. mydomain.com/styles.css' 这是错误的。

标签： angulardockerexpressnginx

解决方案

向命令添加--baseHref="/test"选项ng build，一切正常

推荐阅读