我们希望使用Docker镜像在不同的环境中（staging/test, production, ...）部署我们的Angular 2应用程序。
在本地开发时，我们通过http://localhost:8080连接到后端REST API，但是当我们在不同的环境中部署时，我们想使用相同的Docker镜像，并连接到不同的REST API端点。
注入配置到Docker容器运行时的首选方式是什么？
是否可以通过环境变量来实现这一点？
是否可以通过包含类似内容的纯文本文件来实现这一点
{
"BASE_URL": "https://api.test.example.com"
}
在这篇文章和Twitter上进行了一些讨论后，似乎没有简单的方法可以通过Webpack实现我想要的功能。这些文件仅在运行时作为静态文件提供，并且无法在构建时排除文件并在运行时包含它。
因此，我决定采用我所想到的解决方案/解决方法：在启动Docker容器时更改静态文件。
我创建Docker镜像的方式是：
npm run build:prod
docker build -t angularapp .
我正在使用官方的nginx docker镜像作为我的基础镜像，Dockerfile如下：
FROM nginx:1.11.1
COPY dist /usr/share/nginx/html
COPY run.sh /run.sh
CMD ["bash", "/run.sh"]
run.sh用于通过sed修改配置文件，并在此之后启动nginx：
#!/bin/sh
/bin/sed -i "s|http://localhost:8080|${BASE_URL}|" /usr/share/nginx/html/api.config.chunk.js
nginx -g 'daemon off;'
version: '2'
services:
api:
image: restapi
frontend:
image: angularapp
environment:
BASE_URL: https://api.test.example.com
通过这个解决方案/变通方法，我可以部署由我的Jenkins工作创建的Docker镜像，以便在所有环境（开发，预发布，生产）中都能使用REST API端点进行配置，只需在启动Docker容器时设置环境变量即可。
dependencies中，这将处理您的配置值。根据您的需求，还有其他选择，自己编写也很容易。process.env.NODE_ENV，您将根据堆栈加载不同的配置，并且为了使DX简单，我总是给配置值一个默认值，以便我的开发人员不必费心处理文件。TESTING, STAGING, PRODUCTION - 例如，您要在所使用的任何CI提供程序的环境变量中设置BASE_URL_STAGING和BASE_URL_PRODUCTION。.env文件，然后将COPY添加到您的Dockerfile || docker-compose.yml中，以引入您在docker构建期间刚刚编写的环境文件。BASE_URL_STAGING的内容传递到docker运行命令中docker run -e 或者在您的docker-compose文件中，像这样..environment: - BASE_URL=${BASE_URL_FROM_ENVIRONMENT} 这是一个由两部分组成的问题。dotenv处理将外部变量传递到您的应用程序中，设置这些变量是特定于工具链的。 - Joshua Wiensnpm run build:prod一次，并将创建的文件打包到一个Docker镜像中。 - Thomas Einwaller$(function() {
$.get('./config')
.then(function(res) {
window.appConfig = res.data;
// your bootstrapping call
angular.bootstrap(....);
});
});
import { OpaqueToken } from '@angular/core';
const CONFIG_TOKEN = new OpaqueToken('config');
export const THIRDPARTYLIBPROVIDERS = [
{ provide: CONFIG_TOKEN, useValue: window.appConfig }
];