部署方案选型
更新: 4/23/2025 字数: 0 字 时长: 0 分钟
项目开发完成后,选择合适的部署方式非常关键,直接影响到访问速度、稳定性、运维难度等。
常见部署方式
静态托管平台
适用于:纯前端项目(React/Vue 静态页面),静态内容网站(博客、文档)
- Vercel
- 特点:自动化部署、支持 Next.js 原生 SSR/SSG。
- 优点:免费额度很良心,部署速度快,自动绑定 HTTPS。
- Netlify
- 特点:简单易用,支持自定义域名,自动 CI/CD。
- 优点:适合部署静态站点、小型前后端分离项目。
- GitHub Pages
- 特点:完全免费,但只支持纯静态内容(不支持 SSR)。
- 优点:适合个人博客、项目文档。
- Vercel
云服务器部署(传统方式)
适用于:有后端服务(如 Spring Boot、Express),需要定制部署环境的项目
- 常见云服务商:
- 阿里云、腾讯云、AWS、Azure
- 部署方式:
- 安装 Nginx,前端打包后放静态文件。
- 后端独立部署(Java 服务、Node.js 服务等)。
- 配置反向代理(前端走 80 端口,API 走 8080 端口等)。
- 常见云服务商:
Docker 容器化部署
适用于:希望项目环境标准化、易于扩展、易于迁移的项目
- 特点:打包成镜像,哪里有 Docker 环境就能跑。
- 优点:便于持续集成(CI/CD),一键部署,一键升级。
- 常用工具:
- Docker Compose(多服务一起部署)
- Kubernetes(大规模部署调度)
前后端结合部署示例
- 前端 React 项目打包成静态文件(
npm run build
) - 后端 Spring Boot 打包成
jar
文件,运行在服务器上 - 用 Nginx 作为反向代理:
/api/*
转发到 Spring Boot 后端/
转发到前端静态页面
示意图: