Angular2：在index.html中使用环境变量

发布时间：2020-12-17 18:03:05 所属栏目：安全来源：网络整理

导读：有关如何在index.html文件中使用环境变量的任何想法.如果环境是prod,我需要包含.js脚本A,如果环境是其他任何东西,我需要包含脚本B.否则,我需要在部署之前手动更改index.html文件. 解决方法请动态查看导入js文件的 Load external js script dynamically in A

有关如何在index.html文件中使用环境变量的任何想法.如果环境是prod,我需要包含.js脚本A,如果环境是其他任何东西,我需要包含脚本B.否则,我需要在部署之前手动更改index.html文件.

解决方法

请动态查看导入js文件的 Load external js script dynamically in Angular 2或 Dynamically load JS inside JS.例如,根据您的网址,您可以设置要导入的文件名.

另一个选项是将所有值设置在单个文件中,并根据您的URL确定要使用的值.例如

//prod values
foo = "bar";
//non-prod values
if (!prod) {
    foo = "tux";
}

这种情况的最佳解决方案是使用持续集成(Gitlab,TeamCity或其他)工具.当您将文件上传到github或类似的存储库时,CI工具将从您的存储库中获取文件,并使用包含prod环境值的js文件复制prod.它还可以测试您是否为您的应用程序编写了测试,在这种情况下,当测试失败时它会中断并且不会复制文件.

希望这可以帮助.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!