将Docker变量传递给React索引。html文件

上个月,我写了一篇关于一个类似的相关话题的博文——如果有帮助,请告诉我: https://www.brandonbarnett.io/blog/2018/05/accessing-environment-variables-from-a-webpack-bundle-in-a-docker-container/

TL;DR:创建一个shell脚本,在web服务器容器中自动生成一个静态JS配置文件。以下是方法:

配置。js

#!/bin/bash
echo "window.appConfig = { API_URL: '${API_URL}'} " >> config.js
cat config.js
apachectl -D FOREGROUND

Dockerfile

COPY --from=build-env /src/config.sh .
RUN ["chmod", "+x", "./config.sh"]
CMD ["/usr/local/apache2/htdocs/config.sh"]

docker撰写。亚马尔

...
environment:
  - API_URL=http://localhost:8082
...

指数html

<!-- config.js has to come before your bundle -->
<script src="config.js"></script>  
<script src="dist/bundle.js"></script>