页面 HTML 定义js变量引入js如何获取变量呢

页面 HTML 定义js变量
引入js如何获取变量呢

后台传入AppBase
login.js 获取不到ctx 这个是为什么呢;
本地可以打包成war 就不行了

<script th:inline="javascript">
    var ctx = [[${AppBase}]];
    console.log(ctx);
</script>

<script src="../static/assets/js/login.js" th:src="@{/assets/js/login.js}"></script>

var ctx = '${AppBase}';
var a = document.getElementById('AppBase') ;
console.log(ctx,a);
$(function() {
    validateRule();
    $('.imgcode').click(function() {
        var url = ctx + "captcha/next?w=120&h=60&s=" + Math.random();
        $(".imgcode").attr("src", url);
    });
});

JS运行就报错了