node.js - 如何让 React 应用程序的 npm run build 包含我的环境变量?
问题描述
我正在尝试部署我的应用程序以供公众查看,但我坚持执行此步骤。作为序言,我使用 docker 将我的 React 应用程序容器化,并通过 docker run 的 --env-file 选项传入我的变量。当我使用 CMD ["npm", "start"] 运行应用程序时,这很好用,但是当我尝试更改 dockerfile 以进行生产时,该站点是可访问的,但依赖于环境变量的站点部分失败.
这是我使用的 docker 文件:
FROM node:latest as build-stage
WORKDIR /app
ADD . .
RUN npm install
RUN npm run build
FROM nginx:latest
COPY --from=build-stage /app/build /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]
我不确定问题是否出在 nginx 上,或者我只是误解了 React 中的构建过程以及如何将环境变量注入其中。
解决方案
推荐阅读
- networking - 编写剧本,访问主机文件中存在的网络设备并检查设备的主机操作系统(nexus/cisco/arista)
- java - 在再次循环之前等待循环内的方法完成
- html - 我只是想在我的网页中显示 ASP.NET 标记
- vue.js - 如何在不使用 Vue CLI 的情况下覆盖 Vuetify 2 变量
- python - pyzmail安装成功,但是还是有错误提示
- javascript - 将javascript从单个日期排除转换为多个日期
- python - 当问题是回归问题时,如何计算准确性?
- sql - 按时间跨度的行数进行 SQL 查询
- php - 合并具有相同键值的子数组
- powerbi - 如何使用 Power BI 中的当前数据集计算 3 个月的滚动平均值?