第四部分导读 · Web 服务器与 HTTP
页面打不开、接口返回 502、证书过期、本机服务想给同事看一眼，都出在浏览器和应用之间的这一段。这一部分讲怎么管这段路：用 Nginx 或 Caddy 提供静态文件、做反向代理（reverse proxy）和 HTTPS，用 curl 等工具在终端里发请求、看响应，用浏览器开发者工具看到页面实际发出了什么请求，三者合起来能定位问题出在前端、代理还是后端。
要做什么，用哪个
Section titled “要做什么，用哪个”| 我要做什么 | 用哪个 | 详见 |
|---|---|---|
| 给静态站或本机应用加反向代理 | Nginx（Caddy） | 第 16 章 16.4 |
| 给域名配 HTTPS，证书自动续期 | Caddy（Nginx 加 Certbot） | 第 17 章 17.4 |
| 看页面发了哪些请求、哪一步慢 | 浏览器开发者工具的 Network 面板 | 第 19 章 19.2 |
| 把浏览器里的那次请求搬到终端重放 | curl（HTTPie） | 第 18 章 18.4 |
| 点按钮没反应，找出处理它的代码 | 开发者工具的 Sources 断点 | 第 19 章 19.4 |
| 把本机正在开发的网页临时给别人看 | cloudflared（ngrok） | 第 18 章 18.4 |
| 存一组接口请求，和代码一起提交 | Bruno | 第 18 章 18.4 |
- 第 16 章 Nginx：静态站、反向代理和 Certbot 配 HTTPS，配置检查与重载，502、413 等常见报错。
- 第 17 章 Caddy：用 Caddyfile 写配置，一行命令开反向代理，域名自动 HTTPS。
- 第 18 章 HTTP 调试：curl 与 HTTPie 的常用写法，内网穿透，Bruno 接口集合。
- 第 19 章 浏览器开发者工具：Network、Elements、Sources、Application 面板的操作、快捷键和排查流程。