You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Docker部署Angular 17显示Nginx默认页而非项目首页问题

Angular 17 Docker镜像部署后仅显示Nginx默认页面,本地无法加载应用

我用Docker Compose构建Angular 17应用,在localhost访问时始终只显示Nginx默认模板,无法加载Angular应用。为排查问题,我特意用ng new frontend创建了基础Angular模板,搭配简单Dockerfile构建镜像,结果还是一样。我已经执行了docker build -t命令,甚至重装过Docker,但问题依然存在。奇怪的是,我的Discord好友用完全相同的项目和Dockerfile,在他的电脑上能正常运行。

以下是我用于基础Angular模板的Dockerfile:

FROM node:alpine AS build
WORKDIR /app
COPY package.json package-lock.json ./
RUN npm install
COPY . .
RUN npm run build

FROM nginx:alpine
COPY --from=build /app/dist/frontend /usr/share/nginx/html

我进入容器查看了/usr/share/nginx/html路径下的内容,结果如下:

/ # ls
bin                   etc                   mnt                   run                   tmp
dev                   home                  opt                   sbin                  usr
docker-entrypoint.d   lib                   proc                  srv                   var
docker-entrypoint.sh  media                 root                  sys
/ # ls -l usr/share/nginx/html
total 28
-rw-r--r--    1 root     root         13753 Mar  9 01:30 3rdpartylicenses.txt
-rw-r--r--    1 root     root           497 Feb 14 16:20 50x.html
drwxr-xr-x    2 root     root          4096 Mar  9 01:30 browser
-rw-r--r--    1 root     root           615 Feb 14 16:20 index.html

我怀疑Dockerfile里的COPY命令没生效,但自己对Docker了解不够,没法确认问题所在。第一次在Stack Overflow发帖,需要的话我可以提供更多信息。

内容的提问来源于stack exchange,提问作者Guilherme Tadeu

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.28 12:57:06