Windows本地Docker模拟前端项目发版

技术文章大纲：Windows本地Docker模拟前端项目发版

目标与场景

• 说明为何需要在Windows本地使用Docker模拟前端发版
• 典型应用场景：开发环境与生产环境一致性验证、CI/CD流程本地调试

环境准备

• Windows系统要求：Windows 10/11 Pro/Enterprise（支持Hyper-V）
• 安装Docker Desktop并启用WSL 2后端
• 基础工具：Git、Node.js（用于前端构建）

前端项目Docker化

• 编写Dockerfile：基于Node镜像构建前端依赖与打包

• 示例代码片段：

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

双击打开Docker Desktop 图标

• 等待左下角的小鲸鱼图标从"动画"变成绿色静止状态，并显示 Engine running。
• 此时不要关闭它，让它最小化在后台运行即可。它是你的"服务器管理器"。

IDE终端命令执行

- npm run build
- // build：构建镜像，-t：镜像名称，.当所在目录
- docker build -t image-name .
- // docker run：运行容器，-d：后台运行，容器端口必须跟nginx.conf里的listen端口一致
- docker run -d -p 电脑端口:容器端口 --name 容器名 镜像名