时间戳

首页 > 解决方案 > Springboot Thymeleaf 在控制器中使用多级路径时无法找到静态资源

spring-boot - Springboot Thymeleaf 在控制器中使用多级路径时无法找到静态资源

问题描述

我正在使用带有百里香叶的 Springboot mvc。我有一个典型的项目结构。当我映射一个简单的路径时它能够加载静态资源，但当http://<context-url>/anything 我使用多级路径时它不起作用http://<context-url>/controllerpath/anything。

端点示例如下：它正在工作

@GetMapping(path="/list")
    public ModelAndView getAdminList() {

        List<Admin> adminList = adminService.getAdminList();
        System.out.println(adminList);

        ModelAndView mav = new ModelAndView("home/main");
        mav.addObject("name", "Test");
        mav.addObject("list", adminList);
        return mav;
    }

但是当我尝试在@Getmapping路径中添加一些东西时

@GetMapping(path="/admin/list")
    public ModelAndView getAdminList() {

        List<Admin> adminList = adminService.getAdminList();
        System.out.println(adminList);

        ModelAndView mav = new ModelAndView("home/main");
        mav.addObject("name", "Test");
        mav.addObject("list", adminList);
        return mav;
    }

它加载模板，但不加载 js 和 css 等静态资源。

我尝试添加../模板

<link href="../dist/css/style.min.css" rel="stylesheet">
<script src="../assets/libs/popper.js/dist/umd/popper.min.js"></script>
<script src="../assets/libs/bootstrap/dist/js/bootstrap.min.js"></script>

然后它可以工作，但我不想../在我的模板中使用。我们是否有任何其他配置可以解决此问题。TIA。

标签： spring-bootspring-mvcmodel-view-controllerthymeleaf

解决方案

您在模板中链接的资源不应与当前路径相关。当您不使用 a 启动资源 src/href 路径时，/它们会变成相对 URL。因此，您需要从以 . 开头的根目录指定 src/href 路径/。

因此，在您的情况下，它将是：/dist/css/style.min.css和/assets/libs/<file names>.

Thymeleaf 提供了一个方便的功能，可以通过@{}. Using@{}将自动将上下文路径（如果有）添加到所有 URL。正如@Kedar 的评论中提到的那样，您最终会得到以下结果：

<link th:href="@{/dist/css/style.min.css}" rel="stylesheet">
<script th:src="@{/assets/libs/popper.js/dist/umd/popper.min.js}"></script>
<script th:src="@{/assets/libs/bootstrap/dist/js/bootstrap.min.js}"></script>

推荐阅读