Thymeleaf中js获取相对路径

前言

在Thymeleaf开发中，经常要在页面中请求后台数据，比如通过jquery的ajax提供的方法，请求一个后台地址，那么如何获取项目的相对路径呢。

解决方式

可以使用Thymeleaf提供的内联元素：[[]]

<script type="text/javascript" th:inline="javascript">
    /*<![CDATA[*/
    console.log(/*[[@{相对地址}]]*/);
    /*]]>*/
</script>

console.log(/*[[@{相对地址}]]*/);里面的/**/作用是为了不让编辑器报错。

通过内联元素还可以在js中获取元素，和在Thymeleaf页面中一样。