Angular v17+Django v4部署前端504网关超时问题求助

部署环境 #

• 前端：Angular v17，Docker容器example-client-1:4200
• 后端：Django v4，Docker容器example-api-1:8000
• 反向代理：Nginx Proxy Manager，配置规则：
  • example.com 请求转发至 http://example-client-1:4200
  • api.example.com 请求转发至 http://example-api-1:8000
• 域名托管：Plesk服务器，通过A记录指向部署Portainer的Linux主机

问题现象 #

• 单独运行前端容器时，example.com可正常访问（仅API请求因后端停服失败）
• 前后端容器同时运行时，example.com出现504 Gateway Timeout，且Nginx日志、前端容器日志无相关错误记录
• 最初尝试主域名路径拆分（example.com + example.com/api），问题一致；改用子域名api.example.com后，测试环境（dev.example.com + api.dev.example.com）正常，但切换到主域名example.com后问题复现

此前成功配置 #

测试子域名部署可正常运行：

• 前端：dev.example.com
• API：api.dev.example.com

已尝试的排查动作 #

• 添加自定义Nginx规则
• 调整Nginx超时时间，无效（页面瞬间加载但无内容）
• curl访问example.com返回301 Permanently Redirect

最新排查进展（1月26日17:10） #

访问example.com/menu（Angular路由）可正常加载，但主页面example.com无法加载，原因待查

内容的提问来源于stack exchange，提问作者SyfuxX