Angular2配置数据与转换

Question

我正在创建一个将使用webApi的Angular2应用程序。处理配置数据的最佳做法是什么？我想在部署到不同环境时进行转换。

在本地工作时，webApi将是本地的，例如：http://localhost:64551/Api/person。

在Dev中它将是： http://devServer.com/Api/person

产品将是： http://prodServer.com/Api/person

我无法对服务器名称进行硬编码。我需要在配置中使用它，但随着我们部署到不同的环境，它会发生变化。

这是一个Anglar2项目，我正在使用Visual Studio在ASP.net 5项目中构建。 WebApi是一个ASP.net 5项目。 我将在Azure主持。

过去，我使用过web.config转换，但这不是角度应用程序的选项。

有什么建议吗？

Answer 1

• 从visual studio添加多个解决方案配置 - debug, qa, prod

• 在app/文件夹中添加特定于环境的配置文件

  • environment.debug.ts
  • environment.qa.ts
  • environment.prod.ts

• 在app/个文件夹中添加environment.ts文件。在那里添加配置数据。将此文件导入不同的组件以供使用。

• 要包含特定于环境的配置文件，请在visual studio项目属性的项目预构建事件中添加脚本

xcopy "app\config\environment.$(ConfigurationName).ts" "app\environment.ts" /Y