Angular 为生产生成时更改remoteServiceBaseUrl

当想要部署到服务器时，我们需要在/src/assets/appconfig.json中更改

remoteServiceBaseUrl

---

是否有一种方法可以根据环境设置不同的

remoteServiceBaseUrl

/

appBaseUrl

？

您可以使用特定于环境的文件，例如appconfig.prod.json

• 资产/
  • appconfig.json
  • appconfig.prod.json

无法根据环境复制不同的资产文件：

但它支持

您可以复制应用程序对象，修改资产配置，并在angular cli.json中添加名称：

“应用程序”：[
{
...
“资产”：[
{
“glob”：“**/！（appconfig.prod.json）”，
“输入”：“/assets/”，
“输出”：“/assets/”
},
...
],
...
},
{
“名称”：“产品”，
...
“资产”：[
{
“全局”：“**/！（appconfig.*”，
“输入”：“/assets/”，
“输出”：“/assets/”
},
{
“glob”：“appconfig.prod.json”，
“输入”：“/assets/”，
“输出”：“../assets/appconfig.json”
},
...
],
...
}
],

用法：

ng build -prod -app=prod

---

最后，我重写了AppPreBootstrap.ts，并做了以下更改：

增加

从“environments/environment”导入{environment}

将
getApplicationConfig（）
更改为：

var version = environment.name ? '.' + environment.name : '';
return abp.ajax({
    url: '/assets/appconfig' + version + '.json',
    method: 'GET',
    headers: {
        'Abp.TenantId': abp.multiTenancy.getTenantIdCookie()
    }

在环境配置中，我有一个与environment.name.json文件名匹配的“name”参数

现在我可以使用appconfig.production.json了，它运行得很好。
你可以使用Gulp这样的工具。我正在使用angular cli，所以我希望有一种更“标准化”的方法来实现这一点。似乎appconfig.json是由ASP ABP创建的—不是一个正常的角度。有趣的方法。您使用了它吗？没有。我重写了ABP如何获取文件以包含任何环境设置。