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
相关产品推荐
相关产品推荐

