Docker run传递变量后Dockerfile无法读取的问题求助

你的核心错误在于混淆了Docker镜像构建阶段和容器运行阶段的执行时机：

• Dockerfile中的ADD命令是在docker build构建镜像时执行的，此时docker run设置的环境变量还不存在，自然无法被ADD读取。
• docker run -e设置的环境变量仅在容器启动后生效，属于运行阶段，无法回溯影响已经完成的构建操作。

下面分两种场景给出可行方案：

场景1：需要将图片下载到容器内供应用使用 #

把图片下载逻辑从构建阶段移到容器启动阶段，通过自定义启动脚本实现：

1. 编写启动脚本start.sh #

#!/bin/sh
# 根据环境变量source下载图片到指定目录
curl -o /react-app/src/data/pic.jpg "$source"
# 启动React应用
npm start

2. 修改Dockerfile #

FROM node:alpine AS development

EXPOSE 3000
WORKDIR /react-app

# 安装依赖和curl工具
COPY package.json .
RUN npm install && apk add --no-cache curl

# 复制应用代码和启动脚本
COPY . .
COPY start.sh .
RUN chmod +x start.sh

# 执行启动脚本
CMD ["./start.sh"]

3. 运行容器（命令不变） #

docker run --rm -ti -e source=https://**myblobstorage**/BlobData/pic.jpg -p 3000:3000 myimage:latest

场景2：React前端直接加载图片URL（无需下载到容器） #

如果你的应用是在浏览器端直接加载图片URL，不需要将图片下载到容器内，可通过运行时注入环境变量实现：

1. 修改React代码 #

在组件中直接读取全局变量（避免依赖构建时的环境变量）：

function App() {
  return <img src={window.APP_CONFIG.IMAGE_URL} alt="展示图片" />;
}
export default App;

2. 编写入口脚本entrypoint.sh #

#!/bin/sh
# 生成运行时配置文件
echo "window.APP_CONFIG = { IMAGE_URL: '$IMAGE_URL' };" > /react-app/public/config.js
# 启动应用
npm start

3. 修改Dockerfile #

FROM node:alpine AS development

EXPOSE 3000
WORKDIR /react-app

COPY package.json .
RUN npm install

COPY . .
COPY entrypoint.sh .
RUN chmod +x entrypoint.sh

CMD ["./entrypoint.sh"]

4. 在public/index.html中引入配置文件 #

<script src="/config.js"></script>

5. 运行容器 #

docker run --rm -ti -e IMAGE_URL=https://**myblobstorage**/BlobData/pic.jpg -p 3000:3000 myimage:latest

内容的提问来源于stack exchange，提问作者Big Jay