一台服务器上优雅共存：nginx 多应用托管

一台阿里云服务器（your-server-ip）上要同时跑：H5 试衣应用、FastAPI 后端、个人博客。合理的做法是让 nginx 做入口，按路径把不同应用分发到不同目录或端口。

路径规划

• /h5/ → H5 静态页面（html 文件直接托管）
• /api/ → 反向代理到本机 FastAPI 服务（8000 端口）
• /（根路径）→ 博客站点

规划的核心原则：静态文件走目录，动态接口走反代，互不抢占、互不影响。

server {
    listen 80;
    server_name your-domain.com;

    # H5 静态应用
    location /h5/ { root /var/www/html; }

    # 后端 API 反向代理
    location /api/ {
        proxy_pass http://127.0.0.1:8000/;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
    }

    # 博客（根路径）
    location / { root /var/www/blog; index index.html; }
}

注意事项

• 改完配置务必 nginx -t 检查语法，再 systemctl reload nginx 平滑重载
• 反向代理记得把 Host 和真实 IP 透传给后端，否则日志里全是 127.0.0.1
• 后续配 HTTPS 时，证书与 80 → 443 跳转在同一 server 块内完成即可