华为云 ECS 部署静态活动页：Nginx 配置与上线检查清单

一、场景与目标

把只有 HTML/CSS/JS 的单页活动页部署到一台华为云 ECS（1C2G 即可），由 Nginx 提供静态服务。目标有三个：公网可访问、能平滑切到 HTTPS、上线后出问题能快速定位。下面按“准备—部署—验证—收尾”的顺序整理一份可复用的清单。

二、准备阶段

1. 安全组只放行 80/443；SSH 22 端口限制为固定的办公出口 IP，不要对 0.0.0.0/0 开放。
2. 确认 ECS 已绑定弹性公网 IP，并明确带宽或流量计费方式，避免活动结束后资源继续计费。
3. 本地构建完成后只上传 dist/ 产物，不要把源码、node_modules、.git 一起传到服务器。

三、Nginx 最小配置

上传到 /var/www/activity 后，新增一个 server 块：

server {
    listen 80;
    server_name example.com;
    root /var/www/activity;
    index index.html;

    location / {
        try_files $uri $uri/ /index.html;
    }

    location ~* \.(js|css|png|jpg|jpeg|svg|woff2)$ {
        expires 7d;
        add_header Cache-Control "public";
    }

    gzip on;
    gzip_types text/css application/javascript application/json image/svg+xml;
}

权限用目录 755、文件 644，属主按发行版调整（例如 nginx:nginx）。执行 nginx -t 通过后再 systemctl reload nginx，避免配置错误导致整个站点中断。

四、发布后的验证

1. 在服务器内执行 curl -I http://127.0.0.1，确认返回 200 且 Content-Type 正确。
2. 从公网 curl -I http://<EIP>，区分是安全组、系统防火墙还是 Nginx 的问题。
3. 检查首页、静态资源、404 页面和移动端窄屏布局，重点看控制台有无 404 或混合内容报错。
4. 用浏览器开发者工具确认 JS/CSS 的缓存命中情况；更新版本时通过文件名加 hash 或调整缓存策略，避免用户拿到旧资源。
5. SPA 项目要确认 try_files 已配置，否则刷新子路由会出现 404。

五、HTTPS 与收尾

绑定域名并申请证书后，增加 443 server 块，把 80 端口 301 跳到 HTTPS。上线完成后补齐这些收尾项：日志轮转、磁盘告警、进程存活监控、配置与产物的备份路径，以及活动结束后的资源释放计划。

六、常见坑

• 只改了安全组却忽略系统防火墙，外部仍然访问不通。
• 默认 server 块先匹配，导致新域名打开的是旧站点。
• 文件权限过严，Nginx 返回 403。
• 页面引用了 http:// 资源，HTTPS 下被浏览器拦截。
• 发布后忘记清理旧缓存，用户看到的是上一版页面。

按这份清单走一遍，静态活动页的上线过程基本可控；真正耗时的通常不是 Nginx 配置，而是安全组、DNS、证书和缓存这几个环节的确认。