AngularJs 中的应用程序属性答案

【问题标题】：Application properties in AngularJsAngularJs 中的应用程序属性
【发布时间】：2016-01-05 12:37:10
【问题描述】：

为了维护像 BaseURL 这样的应用程序属性，我们过去创建了一个.properties 文件，并在 Java 应用程序中需要时检索它。在前端 angularJS 应用程序中，我可以创建一个 .json 文件并使用 $http.get() 方法调用它。
我可以使用 angularJS constants 来实现此功能，而不是拨打 $http 电话吗？如果我在 AngularJS 常量中使用 URL，会有任何安全问题吗？

【问题讨论】：

在处理客户端 JavaScript 时总是存在安全问题。客户端可以（并且将会）打开浏览器控制台并检查 JavaScript 的内容。甚至缩小工具也无助于混淆。如果您担心信息的敏感性，请将其保留在服务器端。尽管您仍然必须在客户端中发布至少一个 URL，用于进行 HTTP 调用以下载其余配置的 URL，假设与您的其余配置相同的服务器数据？我不确定尝试隐藏您的 URL 是否是一个主要问题......
哦！我完全错过了这一点。因此，即使我从属性文件中获取 URL，当我调用该 URL 时，它仍然会显示在浏览器控制台中。非常感谢 Claies 的投入。

标签： angularjs properties base-url

【解决方案1】：

在我们的项目中，我们曾经将所有此类配置放在一个 JSON 文件中，即

{
  "BASE_URL": "/myApp",
  "VERSION": "1.0"
}

然后，在构建阶段将此文件转换为角度模块，即：

agnular.module("myProject.config", [])
.constant("BASE_URL", "/myApp")
.constant("VERSION", "1.0";

最后，将应用程序的源代码附加到此配置模块，并具有适当的依赖关系：

angular.module("myProject", ["myProject.config"]);

有Grunt 和gulp 插件可以为您自动化。

【讨论】：