Docker部署Angular应用镜像运行失败，Nginx报错找不到/etc/nginx/html/index.html

核心问题根源 #

• Nginx日志显示查找路径为/etc/nginx/html/index.html，但你在Dockerfile中是将Angular构建产物复制到了/usr/share/nginx/html，二者路径不匹配是直接报错原因。
• 路径不匹配的问题出在你自定义的nginx.conf配置：
  1. 监听82端口的server块没有配置根路径/的匹配规则，Nginx收到首页请求时无法匹配到对应的静态资源路径，只能使用默认的相对路径html，相对路径会被Nginx解析为相对于其配置目录的/etc/nginx/html，和你的实际静态资源存放路径不一致。
  2. 现有配置中错误页/50x.html的root路径也使用了相对路径html，同样会出现路径匹配错误。

修复步骤 #

1. 修改nginx.conf中对应server块的配置，添加根路径匹配规则，指定绝对路径的静态资源目录，同时添加Angular路由适配规则避免页面刷新404：

server {
    listen       82;
    server_name  localhost;

    # 新增根路径匹配规则
    location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
        # 适配Angular单页应用路由，非静态文件请求统一返回index.html
        try_files $uri $uri/ /index.html;
    }

    location /api/auth-ms {
        proxy_pass http://localhost:9092/auth-ms;
        proxy_set_header Host $host;
        proxy_pass_request_headers on;
    }

    location /api/test-engine  {
        proxy_pass http://localhost:9092/test-engine;
        proxy_set_header Host   $host;
        proxy_pass_request_headers on;
    }

    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        # 修改为绝对路径
        root   /usr/share/nginx/html;
    }
}

2. 验证构建产物路径正确性
   你可以执行以下命令进入运行中的容器，确认静态文件是否存放在正确路径：

docker exec -it <你的容器名/容器ID> ls /usr/share/nginx/html

如果该路径下没有index.html，说明你Dockerfile中COPY的源路径有误，可以本地执行npm run build后查看dist目录下生成的文件夹名，替换/app/dist/java-poc为实际生成的路径即可。

额外注意事项 #

你配置中反向代理的地址为http://localhost:9092，这里的localhost是容器内的本地地址，而非宿主机地址。如果你的后端服务运行在宿主机，需要将地址替换为host.docker.internal（Windows/Mac Docker环境）或宿主机的内网IP，否则接口请求会出现连接错误。

内容的提问来源于stack exchange，提问作者Tarunjeet Singh Salh