如何将react项目部署到新浪云上
准备工作
确保已注册新浪云账号并完成实名认证。安装新浪云命令行工具(SCE),可通过npm安装:npm install -g sce。准备一个可运行的React项目,并确保项目已通过npm run build生成静态文件。
登录新浪云
使用命令行工具登录新浪云账号,运行sce login,输入账号密码完成登录。若需创建新应用,可通过控制台或命令行工具初始化。
配置项目
在React项目根目录创建sae.yaml文件,配置应用基本信息。示例配置如下:
name: your-app-name
version: 1
runtime: nodejs10
部署静态文件
将build文件夹(React打包生成)上传至新浪云。通过命令行工具进入项目目录,运行sce deploy ./build。新浪云会自动识别静态文件并分配访问域名。
配置路由
若需自定义路由,在项目根目录创建static.json文件,配置重定向规则。例如将所有请求指向index.html:
{
"rewrites": [{ "source": "", "destination": "/index.html" }]
}
环境变量处理
新浪云支持通过控制台设置环境变量。在应用管理页面找到“环境变量”选项,添加NODE_ENV等必要变量。React项目中通过process.env访问这些变量。
监控与日志
部署完成后,通过新浪云控制台查看应用状态和访问日志。静态资源默认支持CDN加速,可在控制台调整缓存策略。
常见问题
若遇到404错误,检查路由配置是否正确。静态文件部署需确保build目录包含index.html。新浪云免费版有资源限制,超出需升级套餐。







