react如何部署
部署React应用的常见方法
使用静态服务器部署
将React应用构建为静态文件(通过npm run build),生成build文件夹。可将此文件夹上传至任何静态服务器(如Nginx、Apache)或托管服务(如Netlify、Vercel)。
部署到GitHub Pages
安装gh-pages包,在package.json中配置homepage字段并添加部署脚本。运行npm run deploy后,代码会自动推送到GitHub的gh-pages分支并启用页面服务。

npm install gh-pages --save-dev
"scripts": {
"predeploy": "npm run build",
"deploy": "gh-pages -d build"
}
使用Vercel或Netlify
Vercel和Netlify支持直接关联Git仓库。推送代码后自动触发构建和部署。需在项目中配置build命令为npm run build,输出目录设为build。

Docker化部署
创建Dockerfile,基于Node镜像构建应用,再使用Nginx镜像服务静态文件。示例配置:
# 构建阶段
FROM node:alpine AS builder
WORKDIR /app
COPY package.json .
RUN npm install
COPY . .
RUN npm run build
# 运行阶段
FROM nginx:alpine
COPY --from=builder /app/build /usr/share/nginx/html
服务器渲染(SSR)部署
若使用Next.js等框架,需配置Node服务器或Serverless环境。通过next build生成优化文件,使用next start启动生产服务器。需注意保持服务器进程运行(如PM2)。
npm run build
pm2 start npm --name "next-app" -- start






