如何在 Angular2 应用程序中使用带有环境变量的 .env 文件？答案

【问题标题】：How can I do to use .env file with environment variables in Angular2 application?如何在 Angular2 应用程序中使用带有环境变量的 .env 文件？
【发布时间】：2016-12-17 15:02:00
【问题描述】：

我通常使用dotenvpackage 来管理.env 文件和环境变量。如何在我的 Angular2 应用程序中使用这个包？

我导入了dotenv，但出现了几个错误。

import * as dotenv from 'dotenv' //alternatively import {} from 'dotenv/config';

dotenv.config(); //initialize them

当我尝试使用任何 process.env 环境变量时，它都不起作用。

如果我在应用程序的服务器部分使用，我没有错误需要这个包。

注意。我添加了 @types/dotenv 依赖但没有成功。

【问题讨论】：

JavaScript 应用程序，在浏览器中运行，无权访问环境变量。
是的@JBNizet，我知道，但是如果它在服务器端呈现呢？或者如果我需要获取一些 API 令牌而不在浏览器中显示它们？也许是通过 node.js 提供的 API 来获取这些服务的服务？
是的，您当然可以使用 HTTP 从服务器获取数据。但请务必了解 API 密钥，无论是嵌入到您的 Angular 应用程序的 JavaScript 代码中，还是由应用程序从服务器下载，您的应用程序的用户都可以使用。
那么您对管理 API_SECRETS 和其他由 JWT AUTH0 Angular2 应用程序使用的变量的建议是什么，我的情况是什么？
如果数据必须对您的应用用户保密，则将其保存在服务器上。

标签： angular environment-variables

【解决方案1】：

我无法轻松使用dotenv。相反，我将/src/environments/ 添加到我的 .env 文件中。这样环境文件夹中的所有内容都不会上传到您的存储库。也许这对你有用，即使dotenv 解决方案会更好。

【讨论】：