Thymeleaf：如何在js文件而不是html中获取环境变量

Question

我正在使用 thymleaf 引擎。 我可以在 .html 文件中获取环境变量。但我无法在 .js 文件中获取环境变量。如何在 .js 文件而不是 .html 中获取环境变量？

以下代码显示了我在 .js 和 .html

application.properties

huge=huge

中定义环境变量时的结果当我定义环境变量时code> in foo.html

<script type="text/javascript">
hugeOfHtml = "[[${@environment.getProperty('huge')}]]";
</script>

chrome F12 中的结果

<script type="text/javascript">
hugeOfHtml = "huge";
</script>

对比当我在 foo.js 中定义环境变量时

hugeOfJs = "[[${@environment.getProperty('huge')}]]";

F12 中的结果

hugeOfJs = "[[${@environment.getProperty('huge')}]]";

chrome 获取环境变量 .js 文件不是 .html ？

Answer 1

我假设您使用的是 spring boot 2 和 thymeleaf 3。外部化的 js 文件很可能位于 src/resources/static/ 路径中，如果是这样，那么 thymeleaf 将不会处理它。现在假设您将其移动到另一个目录 src/resources/templates/js/ ，thymeleaf 应该处理外部化的 js 文件并给出您所期望的结果。

但是，鉴于外部化 js 文件不再是静态资源，您必须在控制器中公开 get 方法来加载外部化 js 文件。该方法看起来像这样；

@Controller
public class FooController {

    @GetMapping("/js/foo.js")
    public String loadFooDotJs(){
        return "/js/foo.js";
    }
}

上面的方法将加载外部化的 js 文件，使用 thymeleaf 处理它并相应地返回它。

如果您只使用弹簧；不是 Spring Boot，我相信您还必须创建模板解析器和模板引擎。 这是 Baeldung 的一篇好文章。