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

发布时间：2020-12-17 06:50:55 所属栏目：安全来源：网络整理

导读：我在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'} 然后,当

我在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网址时,我这样称呼API_SITE [SITE]

这个问题是当我想部署到qa时,我必须将SITE更改为qa.

我想知道：我们可以在Heroku上定义AngularJS读取环境变量,因此我们不必再次手动更改它

注意：
我知道AngularJS正在客户端运行.所以,我不知道该怎么做.

任何人？

解决方法

如果有人正在寻找解决方案(基于我的环境：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变量.

它运作良好.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!