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

Question

我在 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更改为qa。

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

注意:我知道 AngularJS 在客户端运行。所以，我不知道该怎么做。

有人吗？

Answer 1

如果有人正在寻找解决方案(基于我的环境: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+"'");
});

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

效果不错。