第 5 步 · 部署上线 · 5-7 天
Nginx 快速使用与实战
用 Nginx 托管 Vue 静态资源、反向代理 Go API，并完成域名、HTTPS、缓存与上线检查。
Nginx 官方文档配置、反向代理和运维参考。访问官方资料 ↗本阶段思路
学到刚好能推动网站进入下一步
先知道它位于哪里
明确当前技术在网站中的职责，以及它与上一步、下一步怎样连接。
所有练习进入同一项目
不做无关的小例子，直接完善正在搭建的网站。
达到交付标准再继续
以可运行、可检查的结果判断是否完成，而不是以看完多少教程判断。
详细学习思路
Nginx 的 3 个实战阶段
先完成常用操作，再连接真实网站，最后按检查清单交付本阶段成果。
01核心配置 · 2-3 天静态站点与 API 反向代理让 Nginx 同时对外提供 Vue 页面和 Go API。
需要学习
- server、listen、server_name 和 root
- location、try_files 与前端路由回退
- proxy_pass、请求头和上游超时
动手练习
- 部署 Vue dist
- 将 /api 代理到本机 Go 服务
- 用 nginx -t 检查并重载配置
进入下一步前
- 刷新前端路由不会 404
- Go 端口不直接暴露公网
- 配置修改前后都通过 nginx -t
官方资料与延伸阅读
Nginx 初学指南配置结构、静态文件和代理基础。打开 ↗02安全上线 · 1-2 天域名、DNS 与 HTTPS让用户通过正式域名和 HTTPS 访问网站。
需要学习
- A/AAAA/CNAME 与 DNS 生效
- TLS 证书、自动续期和 HTTP 跳转
- Host、X-Forwarded-For 与真实客户端信息
动手练习
- 解析域名到服务器
- 申请并配置证书
- 验证 HTTP 自动跳转 HTTPS
进入下一步前
- 证书域名匹配且可续期
- 页面无混合内容
- API 能获得正确代理头
官方资料与延伸阅读
Nginx HTTPS官方 HTTPS 配置说明。打开 ↗03最终交付 · 2 天缓存、日志与可重复发布完成上线检查，并建立后续更新和故障定位方式。
需要学习
- 静态资源缓存与 HTML 不缓存策略
- access.log、error.log、日志轮转和状态码
- 版本目录、软链接、健康检查与回滚
动手练习
- 为哈希资源设置长期缓存
- 制作部署脚本和回滚步骤
- 模拟 API 停止并根据日志定位
进入下一步前
- 首页、API 和深层路由都正常
- 新版本失败可以回滚
- 数据库和配置已有备份