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

如何在Angular2应用程序中使用带有环境变量的.env文件?,angular,environment-variables,Angular,Environment Variables,我通常使用dotenv包来管理.env文件和环境变量。如何在Angular2应用程序中使用此软件包 我导入了dotenv,但出现了几个错误 import * as dotenv from 'dotenv' //alternatively import {} from 'dotenv/config'; dotenv.config(); //initialize them 当我尝试使用任何process.env环境变量时,它都不起作用 如果我在应用程序的服务器部分使用,我没有需要此包的错误 注意

我通常使用
dotenv
包来管理
.env
文件和环境变量。如何在Angular2应用程序中使用此软件包

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

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

dotenv.config(); //initialize them
当我尝试使用任何
process.env
环境变量时,它都不起作用

如果我在应用程序的服务器部分使用,我没有需要此包的错误


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

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

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