最轻量可靠的方式是直接用nginx镜像挂载或构建；挂载适合本地预览和CI/CD测试，构建镜像才适合生产部署，且必须使用alpine版本并配置try_files支持前端路由。
nginx 镜像挂载或构建，是最轻量、最可靠的方式。别自己装 Apache 或写 Python HTTP 服务——静态页没必要，还多出安全和维护负担。
用 docker run 快速挂载本地 index.html
适合本地预览、CI/CD 临时测试，不依赖构建过程。
- 把
index.html放进一个文件夹（比如./site），确保它在根目录下 - 运行命令：
docker run -d -p 8080:80 -v $(pwd)/site:/usr/share/nginx/html:ro --name site nginx -
:ro很关键：防止容器内 nginx 意外覆盖你本地文件 - 常见错误：
403 Forbidden—— 通常是路径不对，检查$(pwd)/site是否真有index.html；404—— 确认挂载路径末尾没多写斜杠（/usr/share/nginx/html/是对的，/usr/share/nginx/html//可能失效）
用 Dockerfile 构建可复现镜像
适合上线部署、GitOps、镜像打标签管理版本。挂载方式在生产环境不可靠，也难审计。
- 基础写法（仅单个
index.html）：FROM nginx:alpine COPY index.html /usr/share/nginx/html/ EXPOSE 80
- 如果带子资源（CSS/JS/images），推荐
COPY . /usr/share/nginx/html/，但要确保当前目录结构干净，没有隐藏文件干扰 - 别写
CMD ["nginx", "-g", "daemon off;"]——nginx:alpine镜像默认已设好启动命令，加了反而可能冲突 - 构建命令：
docker build -t my-site .；运行：docker run -d -p 8080:80 my-site
支持前端路由（如 Vue Router history 模式）
刷新 /about 页面白屏？说明 Nginx 没配 try_files，它不会自动 fallback 到 index.html。
- 必须自定义
nginx.conf，不能只靠默认配置 - 关键配置段：
location / { root /usr/share/nginx/html; try_files $uri $uri/ /index.html; } - 挂载时一起替换配置：
-v $(pwd)/nginx.conf:/etc/nginx/nginx.conf:ro - 漏掉
root或写错路径（比如写成alias却没加结尾斜杠），都会导致403或404
选 nginx:alpine 还是 nginx:latest？
除非你需要 openssl 调试工具或特定模块，否则无脑选 alpine。
立即学习“前端免费学习笔记（深入）”；
-
nginx:alpine镜像约 5–6 MB，启动快、攻击面小；latest基于 Debian，超 130 MB - Alpine 默认没
bash，只有sh，调试时别写#!/bin/bash脚本 - 某些旧版 Alpine 的 TLS 根证书可能过期，若遇到 HTTPS 请求失败，加一句
RUN apk add --no-cache ca-certificates即可
-v 挂载**。挂载路径权限、宿主机文件生命周期、K8s 中的 ConfigMap/Secret 替换逻辑，都会让挂载变得脆弱。哪怕只是改一行 HTML，也应该重新 build 并推镜像——这是容器化交付的底线。 
