react 如何部署
部署 React 应用的方法
使用静态服务器部署
React 应用构建后会生成静态文件,可以直接部署到任何静态服务器上。运行 npm run build 生成 build 文件夹,将文件夹内容上传到服务器即可。常见的静态服务器包括 Nginx、Apache 或 CDN 服务。
部署到 GitHub Pages
在 package.json 中添加 homepage 字段,值为 https://<username>.github.io/<repo-name>。安装 gh-pages 依赖,运行 npm run deploy 自动将构建文件推送到 GitHub Pages。
部署到 Netlify
Netlify 提供自动化部署服务。将项目推送到 GitHub、GitLab 或 Bitbucket,在 Netlify 中关联仓库。Netlify 会自动检测 React 项目并完成部署,支持自定义域名和 HTTPS。
部署到 Vercel
Vercel 是专为前端优化的部署平台。通过 Vercel CLI 或直接关联 Git 仓库,Vercel 会自动构建并部署 React 应用,提供全球 CDN 和即时预览功能。
部署到 AWS S3
将构建文件上传到 AWS S3 存储桶,启用静态网站托管功能。配置桶策略允许公开访问,结合 CloudFront 实现 CDN 加速和 HTTPS 支持。
Docker 容器化部署
创建 Dockerfile 文件,基于 Node.js 镜像构建应用。多阶段构建可优化镜像大小,最终将静态文件复制到 Nginx 镜像中运行。通过 Docker Compose 或 Kubernetes 管理容器部署。







