在 aws elasticbeanstalk 为 react-create-app 配置生产环境

Posted

技术标签:

【中文标题】在 aws elasticbeanstalk 为 react-create-app 配置生产环境【英文标题】:Configure production environment for react-create-app at aws elasticbeanstalk 【发布时间】:2018-09-26 06:40:48 【问题描述】:

我已经在 aws elastic-beanstalk 部署了 react-create-app,它正在开发环境中运行。

如何配置生产环境?

【问题讨论】:

【参考方案1】:

使用npm run build 构建时,NODE_ENV 始终设置为'production'

还有一个特殊的内置环境变量,称为 NODE_ENV。您可以从 process.env.NODE_ENV 中读取它。当你运行 npm start 时,它总是等于'development',当你运行 npm test 时它总是等于'test',当你运行 npm run build 来制作一个生产包时,它总是等于'production' .您不能手动覆盖 NODE_ENV。这可以防止开发人员意外地将缓慢的开发版本部署到生产环境。

来源:https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-custom-environment-variables

【讨论】:

感谢您的回复。所以我不得不在 aws elastic-beanstalk 配置文件的节点命令框中提到 npm run build 更改相同后,我收到 502 Bad Gateway nginx/1.12.1 错误。 以下是我的配置 - 代理服务器 - Nginx,节点命令 - npm install -g serve && serve -s build,我有部署时上传了构建文件夹 zip。我仍然收到 502 Bad Gateway nginx/1.12.1 错误 serve 默认端口为 5000 确保调整您的配置或选择其他配置。 我已经根据 [docs.aws.amazon.com/elasticbeanstalk/latest/dg/… 通过创建 .ebextensions/proxy.config 配置了 nginx 代理,此后我的日志文件中出现以下错误 - connect() 在连接到上游时失败(111:连接被拒绝),...上游:“127.0.0.1:5000....您能帮忙找出配置中缺少的内容吗?

以上是关于在 aws elasticbeanstalk 为 react-create-app 配置生产环境的主要内容,如果未能解决你的问题,请参考以下文章

AWS ElasticBeanstalk - S3。拒绝访问

在 AWS ElasticBeanstalk Nginx 中使用 gzip

使用 AWS Elasticbeanstalk 部署 Django 应用程序时出现 WSGIPath 错误

ElasticBeanstalk 与 Docker:如何使用来自 aws cli 的创建环境

AWS-ElasticBeanstalk:在哪里可以找到 Beanstalk 自动创建的域名指向啥?

为 Elastic Beanstalk 配置 AWS Route 53 的问题