如何使前端 Docker 化项目的请求地址可配置？

由于公司所需，开始使用docker去打包项目。一路磕磕绊绊，也算有点收获。
由于客户机的ip不能确定，所以我们需要将项目的配置文件中的IP地址做到可配置化，通过docker的env环境变量可以很优雅的解决这个问题。

通过dockerfile定义环境变量

在dockerfile中，我们可以提前定义环境变量。

ENV HOSTIP = '127.0.0.1'复制代码

使用环境变量替换IP

在这一步对于不同类型的项目有所区别，比如：

• Java项目：运行于服务端，可以直接读取环境变量，我用的是springBoot框架，支持直接在配置文件中读取环境变量，所以只需要将配置文件中的IP修改为${HOSTIP}即可。

• 前端项目（前后分离）：运行于客户端浏览器，自然无法获取环境变量，身为前端小白的我，用了比较直接的方法解决这个问题，希望老师们给予更好的建议。

  1. 将配置文件中的IP替换为标识字段，我的请求地址配置文件：

     // config.js
     export const SERVER_URL = 'SERVER_URL';  // 'SERVER_URL'为标识字段，用以替换复制代码

  2. 在dockerfile的启动入口替换IP地址

     // 启动容器时先替换config.js中的标志字段为环境变量
     CMD sed -i "s/SERVER_URL/$hostip/g" /path/to/config.js; nginx -g "daemon off;"
     // 将替换语句写在这里保证了容器每次启动时候会根据环境变量替换配置文件中的IP地址。复制代码

创建容器时传入环境变量

我们在启动docker的时候可以传入HOSTIP：

docker run ... -e HOSTIP='xxx.xxx.xxx.xxx' ...复制代码