javascript - 来自环境变量的Angular 2 base href

Question

我想在我的 Angular 2 应用程序中为开发和生产使用不同的基本 href。

我看到了与这个问题类似(有些相同)的问题的答案。

此处的最佳答案很好地总结了在这些问题的所有答案中重复出现的 2 个解决方案:

Set base href from an environment variable with ng build

我都试过了，每个都有自己的问题:

1) APP_BASE_HREF - 不适用于 js/css 文件。例如，当尝试请求 app/someroute/1 时，它将尝试从 app/someroute/1 而不是从 app 请求 js 和 css 文件。

2) 在 ngOnInit 中修改 base href - 在调用 ngOnInit 时，js 和 css 文件已经被请求，因此修改后的 base href 没有适用于在 init 上加载的文件，仅适用于之后请求的文件(这对我没有帮助)。

到目前为止，唯一对我有用的是在每次编译后手动修改用于生产的 html，但我正在尝试使其自动化。

可能的解决方案:

1) 在请求 js 和 css 文件之前改变 base href - 有没有办法做到这一点？它们基本上是在页面加载时立即被请求的。可能在链接 rel 之前添加一个在 head 中执行的脚本？

2) 为具有不同基本 href 值的开发和生产编译不同的 HTML，例如使用某种非常轻量级的 html 模板引擎，不会太过分。

你怎么看？

Answer 1

我发现有一个 cli 选项(社区要求)--base-href。

我只是在为这样的生产环境构建:

ng build --prod --base-href=/prod_dir/