代码之家 › 专栏 › 技术社区 › Or Assayag

如何使用create-react应用程序在docker-compose.yml中传递环境变量

create-react-app environment-variables docker-compose docker reactjs

Or Assayag · 技术社区 · 6 年前

我有nginx和客户端图像,由docker-compose.yml文件加载。由于某些原因,当应用程序运行时,环境变量(REACT\u APP\u max\u camers\u COUNT)不可见(我没有定义),我也不知道为什么。

这是我的create react应用程序Dockerfile:

FROM node:alpine as builder

WORKDIR /app
COPY ./package.json ./
RUN npm i
COPY . .
RUN npm run build

FROM nginx
EXPOSE 3000
COPY ./nginx/default.conf /etc/nginx/conf.d/default.conf
COPY --from=builder /app/build /usr/share/nginx/html

这是我的docker-compose.yml文件:

version: '3'
services:
  nginx:
    image: <ip_address>:5000/orassayag/osr_streamer_nginx:v1.0
    restart: always
    ports:
      - '3050:80'
  client:
    image: <ip_address>:5000/orassayag/osr_streamer_client:v1.0
    environment:
      - REACT_APP_MAXIMUM_CAMERAS_COUNT=10

**注意**因为docker compose从私有注册表中提取图像(没有任何构建),所以它不能使用带有“args”的“构建”块(已经用args尝试过了,并且可以正常工作)。
有什么解决办法吗?

1 回复 | 直到 4 年前

Glagnar 6 年前

您拥有的docker compose文件似乎做了正确的事情。尝试在正在运行的容器中获取一个shell并键入 export .

docker exec -it code_client_1 sh
/usr/app # export
export HOME='/root'
export HOSTNAME='f4b3fc891ce3'
export NODE_VERSION='10.15.0'
export PATH='/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin'
export PORT='80'
export PWD='/usr/app'
export REACT_APP_MAXIMUM_CAMERAS_COUNT='10'
export SHLVL='1'
export TERM='xterm'
export YARN_VERSION='1.12.3'
/usr/app #

在那里我可以看到环境变量工作。您的问题可能是,您的网站是在未设置环境的情况下构建的,因此它不会在运行时实际读取您的环境变量。

关于这个问题,这里有一个冗长的讨论 github

推荐文章

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

8 月前

Facundo Cabrera · 意外的应用程序错误!useNavigate()只能在<Router>组件的上下文中使用

8 月前

user29295031 · 如何使用react和vite覆盖Tailwinds css 4默认设计

8 月前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

9 月前

Luckkks · 过渡色工作不正常

9 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

9 月前

vatsal chauhan · 即使在字体预加载时,文本加载也很慢

9 月前

hasratyan · Next.js 15 API路由-动态路由中的无效GET导出错误[id]

9 月前

noblerare · Vite错误-未定义导出(SSR)

9 月前

ProfessorFinesse · 在默认表单中完成帖子请求时,“res.send”会去哪里?

9 月前