在哪里放置前端 javascript 配置变量
Where to put frontend javascript configuration variables
我有一个 Javascript 前端,可以 Ajax 调用我的后端。为此,它需要我在 Ajax get() 调用中硬编码的 "backend_URL",例如“http://myservice/backend”。
现在,如果我想在不同的机器上部署我的应用程序,其中一些将使用此 url 和 HTTPS:“https://myservice/backend”,而有些则不会(因为它们缺少适当的证书和不要暴露有价值的数据)。
我应该将 "USE_HTTPS=1" 配置变量放在哪里,以便部署应用程序的人可以选择使用或不使用 SSL?当然,问题扩展到其他配置变量。
我考虑过在项目根目录下添加一个“.config”文件,但后来我不知道如何在我的代码中导入它。还是应该导出环境变量?或者 node.js 特征 ?
CONFIG = (function(){
var conf_info = {};
conf_info["url"] = 'http://codepen.io/pen/';
return{
getValue : function(param){
return conf_info[param];
}
}
})();
//some where in different file
document.getElementById("result").innerHTML = CONFIG.getValue('url');
我最终写了一个 conf.js 文件,内容为
window.CONFIG = {
SOME_CONSTANT: 22,
}
并将其包含在我的 index.html 中的新 <script>
中,位于其他脚本之前。
window
不是强制性的,但当我在 javascript.
的其余任何地方将其称为 window.CONFIG
时,它会显示它的来源
我有一个 Javascript 前端,可以 Ajax 调用我的后端。为此,它需要我在 Ajax get() 调用中硬编码的 "backend_URL",例如“http://myservice/backend”。
现在,如果我想在不同的机器上部署我的应用程序,其中一些将使用此 url 和 HTTPS:“https://myservice/backend”,而有些则不会(因为它们缺少适当的证书和不要暴露有价值的数据)。
我应该将 "USE_HTTPS=1" 配置变量放在哪里,以便部署应用程序的人可以选择使用或不使用 SSL?当然,问题扩展到其他配置变量。
我考虑过在项目根目录下添加一个“.config”文件,但后来我不知道如何在我的代码中导入它。还是应该导出环境变量?或者 node.js 特征 ?
CONFIG = (function(){
var conf_info = {};
conf_info["url"] = 'http://codepen.io/pen/';
return{
getValue : function(param){
return conf_info[param];
}
}
})();
//some where in different file
document.getElementById("result").innerHTML = CONFIG.getValue('url');
我最终写了一个 conf.js 文件,内容为
window.CONFIG = {
SOME_CONSTANT: 22,
}
并将其包含在我的 index.html 中的新 <script>
中,位于其他脚本之前。
window
不是强制性的,但当我在 javascript.
window.CONFIG
时,它会显示它的来源