写一个Dockerfile应用于前端项目首先该项目已将完成且项目地址为GprojexctSimpleRecord_AntDesignPro该项目应该在my_node容器该容器已经在Docker中创建中运行且映射接口为8000。

# 基于node镜像构建
FROM node:14-alpine

# 设置工作目录
WORKDIR /app

# 将本地的前端项目文件复制到容器中
COPY ./SimpleRecord_AntDesignPro /app

# 安装依赖
RUN npm install

# 构建前端项目
RUN npm run build

# 设置环境变量
ENV HOST 0.0.0.0
ENV PORT 8000

# 暴露端口
EXPOSE 8000

# 启动命令
CMD ["npm", "start"]

使用命令 docker build -t frontend . 构建镜像，然后使用命令 docker run -p 8000:8000 --name my_frontend --rm frontend 运行容器。之后访问 http://localhost:8000 即可看到前端项目运行的页面。