首页 > 解决方案 > 在 html 和 javascript 中导入环境变量

问题描述

我有一个 Maven 项目,其中包含myproject/src/main/resources/public. 我使用这个 maven 项目只是为了进行战争并将我的 UI 代码(包含 HTML5、JavaScript(带有 jQ​​uery)、CSS 等)部署到 tomcat 服务器,而与 java 无关。

public文件夹内,我定义index.htmlbuilder.js文件。

index.html其中有以下行:

<button type="button" id = "bButton " onclick="location.href='https://myserver-dev.com/Builder/builder.html'">Builder</button>

还有另一个 JS 文件builder.js,我在其中设置 env 变量,如下所示:

//  var envURL = "http://localhost:8080";
  var envURL = "https://myserver-dev.com";
  //var envURL = "https://myserver-test.com";

我正在考虑创建一个单独的 JS 文件,可能类似于properties.jsorenv.js并将以下内容放入其中,以便我可以在需要时将其导入 html 和 js 文件:

//  var envURL = "http://localhost:8080";
  var envURL = "https://myserver-dev.com";
  //var envURL = "https://myserver-test.com";

如果我这样做,进入envURL内部index.htmlbuilder.js适当位置的最佳方式是什么?

标签: javascripthtmlenvironment-variables

解决方案


推荐阅读