使用 APP_INITIALIZER 从服务器加载外部 Angular 配置答案

【问题标题】：Using APP_INITIALIZER to load external Angular Configuration from Server使用 APP_INITIALIZER 从服务器加载外部 Angular 配置
【发布时间】：2017-11-20 21:12:52
【问题描述】：

关于为 Angular 应用程序加载外部配置文件我有一个很好的主意，但我有以下问题：AppModule 交付后，APP_INITIALIZER 提供的加载函数是否在客户端执行在交付发生之前到浏览器或服务器端？

如果它发生在客户端，这是否需要在应用程序实际启动之前对配置文件进行额外的HTTP 调用？

【问题讨论】：

谢谢，我就是这么想的。您认为对我的 JSON 配置文件的额外 HTTP 调用有多平凡（或可以忽略不计）？
这可能主要取决于网络连接延迟。我会尽量避免任何请求，特别是如果您希望它在移动设备上运行。但如果没有好的选择，我会使用APP_INITIALIZER。
我听到了，但正如你所说，我不知道有其他方法可以更好地在外部初始化配置，独立于构建过程。理想情况下，配置文件应该已经驻留在正在部署构建的服务器上。
然后去检查浏览器 devtools 中的分析选项卡，以查看请求对您的应用程序造成的实际延迟以及是否重要。否则可能只是过早优化的情况;-)

标签： angular angular-config

【解决方案1】：

如果您不使用服务器端渲染，Angular 相关的所有内容都只会在浏览器中执行，除了在构建时在您将 Angular 应用程序部署到服务器之前执行的内容之外，但 APP_INITIALIZER 会在浏览器中执行.

【讨论】：