Springboot + Thymeleaf で@PathVariableを使用するとCSS,JSが反映されない

Springboot + Thymeleaf の備忘録

Controller上で@PathVariableを使用してHTMLから受け取るパスが可変となる際、CSS、JSが反映されずに詰まったので解決法をメモ。

「/area」というパスにアクセスした際、shop_list.htmlを返す

    @GetMapping("/area")
    public String shopList() {
        return "/shop_list";
    }

CSSちゃんと読み込まれてます。

http://localhost:8080/lib/animate/animate.min.css

次に@PathVariableを使用して「/area/tokyo」というパスにアクセスした際、shop_list.htmlを返す

    @GetMapping("/area/{name}")
    public String shopList(@PathVariable("name") String name) {
        return "/shop_list";
    }

CSS読み込まれてない！！
どうやらCSSのパスに「area」が反映されてしまっている。

http://localhost:8080/area/lib/animate/animate.min.css

CSSを相対パスで書かないようにすれば解決！！

<link rel="stylesheet" href="lib/animate/animate.min.css"/>

<link rel="stylesheet" th:href="@{/lib/animate/animate.min.css}"/>

CSSちゃんと読み込まれました。