How do I alter Environment.ts Variables or Constants Post Build In Angular 8, host URL and API URL?

Question

我在envrionment.ts中有这段代码

export const environment = {
    production: false,
    host_name: 'http://local.website.com',
    api_name: 'http://local.website.com/api',
    ajax_name: 'http://local.website.com/ajax',
};

构建应用程序后，我们需要更改环境设置而无需再次构建。 本质上是因为 Web 应用程序与另一个网站耦合，而后端人员希望在不运行构建的情况下更改这些设置。 使用 .env 根文件已被排除为不安全，将资产文件夹中的 .json 文件作为唯一选项。 应用程序上有另一个 ts 文件可以读取 json 服务时没有问题，但 envrionment.ts 似乎不能，据说是因为它的 static。 任何帮助，将不胜感激。

Answer 1

在我现在工作的公司，他们通过 ftp 调整设置。 为此，每次客户端刷新时都需要读取json文件并重写。

按照我分享的 url 中的说明进行操作。 它对我们有用。

https://christianlydemann.com/implementing-dynamic-environments-in-angular-for-avoiding-one-build-per-environment/

编辑：也许您可以使用专门创建的正则表达式记录。 您可以尝试使用属于 nodejs 的fs库在main.bundle.js中更改它。 像这样

export const environment = {
    production: '<<<<PRODUCTION>>>>',
    host_name: '<<<<HOST_NAME>>>>',
    api_name: '<<<<API_NAME>>>>',
    ajax_name: '<<<<AJAX_NAME>>>>',
};