如何在 Angular 2 中隐藏公共代码中的环境变量？

Question

我在 env.dev.ts 中有我的 const 变量。

export const ABC_BASE_URL = "http://api.me/api/v1/";
export const TOKEN = "current-token'";

export const LOGIN = "auth";
export const LOGIN_URL = ABC_BASE_URL + LOGIN;
export const LOGIN_ENABLE = true;

我在 src/app 中有这个文件，所以我可以在浏览器上看到它。 然后我在config different enviroments 上读到，这是一种不好的做法：

公开您的开发环境的内部结构。

我不使用 angular-cli。

那么，我该怎么做呢？提前谢谢你

Answer 1

我认为没有真正的方法可以在客户端浏览器中隐藏 Javascript 中的代码/数据的详细信息。您可能可以尝试使用市场上可用的任何实用程序进行加密和解密。另外作为建议，不要对文件中的值进行硬编码，而是编写一个 API，只为经过身份验证的用户提供这些详细信息，即使这样也不能完全解决问题，但至少可以降低一个人能够简单地复制它的风险来自你的文件。