如何从 AngularJS 访问 Heroku 上的环境变量

我在 Heroku 上有 3 个 AngularJS 应用程序。他们每个人都使用不同的 API。

（例如：angularjs-dev 使用 api-dev，angularjs-qa 使用 api-qa）

我创建了如下所示的常量文件

SITE     = 'dev'
API_SITE = {
      dev       : 'dev-url',
      qa        : 'qa-url',
      production: 'production-url'
}

然后当我想要 API url 时，我这样调用它API_SITE[SITE]

这个问题是当我想部署到qa时，我必须改变SITE to qa.

我想知道：我们能否让 AngularJS 读取 Heroku 上定义的环境变量，这样我们就不必再次手动更改它

笔记： 我知道 AngularJS 是在客户端运行的。所以，我不知道该怎么做。

Anyone?

如果有人正在寻找解决方案（基于我的环境：Heroku 上的 AngularJS 和 NodeJS）

我将此代码添加到web.js（NodeJS 启动文件）

var options = {};
var jade = require('jade');

app.get('/site.js', function(req, res){
    res.send("var SITE='"+process.env.SITE+"'");
});

然后，在文件中索引.html我刚刚添加了<script src="/site.js"></script>用于检索SITE多变的。

效果很好。