Angular / Nginx前端无法解析后端服务名称

Question

当我在Angular应用中调用后端api时遇到问题net :: ERR_NAME_NOT_RESOLVED。

我正在使用Nginx运行Angular应用程序：

首先：我通过以下命令在本地构建Angular应用程序：ng build --prod

并使用此Dockerfile进行构建：

FROM nginx:1.11-alpine

COPY default.conf /etc/nginx/conf.d/
COPY dist/imonitoring/. /usr/share/nginx/html/
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

这是defauld.conf

server {
    listen       80;
    server_name  localhost;
    root   /usr/share/nginx/html;
    location / {
        try_files $uri$args $uri$args/ /index.html;
    }
   
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }
}

但是当我在Angular中使用API​​时： 浏览器显示：net :: ERR_NAME_NOT_RESOLVED

我尝试了ping后端，我可以确认两者之间存在连接。